/*
 * Шрифты лежат у нас, не на Google Fonts: для госсайта лишний внешний домен —
 * это лишняя точка отказа и лишний запрос.
 *
 * Для заголовков вместо Literata взят IBM Plex Serif: у Literata нет «ҳ» (U+04B3),
 * а это частая буква узбекской кириллицы — она есть в самом названии школы,
 * «Хива шаҳридаги Президент мактаби».
 *
 * ПРО УЗБЕКСКИЕ АПОСТРОФЫ. В словах «Taʼlim», «Bogʻlanish», «oʻquvchi» видны были
 * провалы: «Ta ʼ lim». Сначала решили, что виновато подмножество Google Fonts,
 * в котором нет U+02BB и U+02BC. Это оказалось не так — глифы в шрифте есть.
 *
 * Настоящая причина: в IBM Plex у этих двух модификаторов ширина 60 единиц
 * на 100, то есть шире буквы «x» (51). Так они и нарисованы — как отдельно
 * стоящие spacing modifier letters, а не как узкий апостроф внутри слова.
 * Для английского это правильно, для узбекского, где они стоят внутри слов, — нет.
 *
 * Поэтому ниже подключены два крошечных файла (3 КБ и 1 КБ), содержащие ровно
 * эти два символа с урезанной до ~18 единиц шириной. Правило unicode-range
 * заставляет браузер брать их оттуда, остальной текст рисуется обычным шрифтом.
 */

@font-face {
  font-family: 'UzMarksSans';
  src: url('/fonts/uz-marks-sans.woff2') format('woff2');
  unicode-range: U+02BB, U+02BC;
  font-display: block;
}

@font-face {
  font-family: 'UzMarksSerif';
  src: url('/fonts/uz-marks-serif.woff2') format('woff2');
  unicode-range: U+02BB, U+02BC;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/fonts/ibm-plex-sans-var.woff2') format('woff2-variations'),
       url('/fonts/ibm-plex-sans-var.woff2') format('woff2');
  font-weight: 100 700;
  font-stretch: 85% 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Serif';
  src: url('/fonts/ibm-plex-serif-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Serif';
  src: url('/fonts/ibm-plex-serif-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}