@font-face {
  font-family: "Blinker";
  src: url("Blinker-Regular.ttf");
}

/*
 * The same typeface with its real weights. "Blinker" above only declares the Regular file, so
 * every bold on the site is the browser's synthetic bold (thin in Safari). Pages that opt in use
 * this family to get the true SemiBold / Bold / ExtraBold cuts that ship in this folder.
 */
@font-face {
  font-family: "Blinker Weights";
  src: url("Blinker-Regular.ttf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Blinker Weights";
  src: url("Blinker-SemiBold.ttf");
  font-weight: 500 600;
  font-display: swap;
}
@font-face {
  font-family: "Blinker Weights";
  src: url("Blinker-Bold.ttf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Blinker Weights";
  src: url("Blinker-ExtraBold.ttf");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Blinker Weights";
  src: url("Blinker-Black.ttf");
  font-weight: 900;
  font-display: swap;
}

/*
 * Opt-in: the page root carries .font-blinker-weights. index.html sets "html * { font-family:
 * Blinker }" on every element, so inheriting is not enough; this rule outranks it for the subtree.
 * Icon elements keep their own icon fonts.
 */
.font-blinker-weights,
.font-blinker-weights *:not(.mat-icon):not(.material-icons) {
  font-family: "Blinker Weights", Blinker, sans-serif;
}