/* ========================================================================= BurgasMedia — самохостинг шрифтов ------------------------------------------------------------------------- Зачем: раньше шрифты тянулись с fonts.googleapis.com двумя запросами (сначала CSS, потом сами файлы) — это блокировало отрисовку и давало сдвиг вёрстки в момент подмены шрифта. Теперь файлы лежат на своём домене, ключевые — предзагружаются в , подмены не происходит вовсе. Разбивка по алфавитам, как у Google: болгарская страница качает только кириллические срезы (~103 КБ), латиница подтягивается лишь если встретится латинский текст. Ось optical size закреплена на 18 — вес остался переменным. Это вдвое уменьшило файлы Literata без заметной разницы в начертании. ========================================================================= */ /* ---------- Literata (--serif): заголовки, лиды, текст статей ---------- */ @font-face{ font-family:'Literata'; font-style:normal; font-weight:300 800; font-display:swap; src:url('../fonts/literata-cyr.woff2') format('woff2'); unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face{ font-family:'Literata'; font-style:normal; font-weight:300 800; font-display:swap; src:url('../fonts/literata-lat.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC, U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193, U+2212,U+2215,U+2713,U+FEFF,U+FFFD; } @font-face{ font-family:'Literata'; font-style:italic; font-weight:300 700; font-display:swap; src:url('../fonts/literata-italic-cyr.woff2') format('woff2'); unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face{ font-family:'Literata'; font-style:italic; font-weight:300 700; font-display:swap; src:url('../fonts/literata-italic-lat.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC, U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193, U+2212,U+2215,U+2713,U+FEFF,U+FFFD; } /* ---------- Manrope (--sans): интерфейс ---------- */ @font-face{ font-family:'Manrope'; font-style:normal; font-weight:400 800; font-display:swap; src:url('../fonts/manrope-cyr.woff2') format('woff2'); unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face{ font-family:'Manrope'; font-style:normal; font-weight:400 800; font-display:swap; src:url('../fonts/manrope-lat.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC, U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193, U+2212,U+2215,U+2713,U+FEFF,U+FFFD; } /* ---------- JetBrains Mono (--mono): рубрики, даты, мета ---------- */ @font-face{ font-family:'JetBrains Mono'; font-style:normal; font-weight:400 500; font-display:swap; src:url('../fonts/mono-cyr.woff2') format('woff2'); unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face{ font-family:'JetBrains Mono'; font-style:normal; font-weight:400 500; font-display:swap; src:url('../fonts/mono-lat.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC, U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193, U+2212,U+2215,U+2713,U+FEFF,U+FFFD; } /* ---------- Запасной шрифт с метриками Literata ---------- Пока Literata не загрузилась, текст рисуется Georgia. У неё другая высота строки, поэтому в момент подмены страница дёргалась. Переопределяем метрики запасного шрифта под Literata (ascent 117.7%, descent 30.8% — снято прямо из файла шрифта), и подмена перестаёт двигать вёрстку. */ @font-face{ font-family:'Literata Fallback'; src:local('Georgia'), local('Times New Roman'), local('serif'); ascent-override:117.7%; descent-override:30.8%; line-gap-override:0%; }