/* §2 — THE FOUR BUNDLED SUBTITLE FACES, generated from `subtitle_fonts.py`.
 *
 * DO NOT EDIT BY HAND. `scripts/build_font_css.py` writes this file from the
 * same table libass is pointed at, so a face the export can draw and a face the
 * preview can draw are the same list by construction. Regenerate after adding a
 * font; `tests/test_subtitle_fonts.py` fails if this file has drifted.
 *
 * EACH FILE IS ITS OWN FAMILY, AT `font-weight: normal`. That looks wrong and is
 * the entire point. `NotoSans-SemiBold.ttf` calls itself «Noto Sans SemiBold»
 * with the OS/2 bold bit clear, so declaring it as weight 600 of «Noto Sans»
 * would leave the browser free to synthesise a bold from the regular instead —
 * and libass, matching the same request its own way, would make a different
 * choice. Neither renderer resolves a weight here: both are handed one exact
 * face name and open one exact file.
 *
 * `font-display: block` because a subtitle drawn in a fallback face for 100 ms
 * is a subtitle whose line breaks and width are briefly wrong, and this editor's
 * whole promise is that what is on screen is what will be burned in.
 */

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans SemiBold";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/NotoSans-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Condensed";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/NotoSans-Condensed.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Condensed SemiBold";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/NotoSans-CondensedSemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/Inter-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Inter SemiBold";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/Inter-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Serif";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/NotoSerif-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Serif SemiBold";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/NotoSerif-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Liberation Sans";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/LiberationSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Liberation Sans";
  font-style: normal;
  font-weight: bold;
  font-display: block;
  src: url("/assets/fonts/LiberationSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Carlito";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/Carlito-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Carlito";
  font-style: normal;
  font-weight: bold;
  font-display: block;
  src: url("/assets/fonts/Carlito-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Carlito";
  font-style: italic;
  font-weight: normal;
  font-display: block;
  src: url("/assets/fonts/Carlito-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Carlito";
  font-style: italic;
  font-weight: bold;
  font-display: block;
  src: url("/assets/fonts/Carlito-BoldItalic.ttf") format("truetype");
}