Почему при подключении гугл шрифтов из локальной папки получаю дырки в буквах на сайте?
На сайте подключаю google fonts [шрифт Roboto Condensed] из локальной папки и получаю шрифт с дырками в некоторых буквах как в кириллице, так и в латинице. Почему так и как это исправить?
P.S. Думал вопрос с конвертацией самих шрифтов, но если оставлять в стилях единственный изначальный формат .woff2, то разницы нет.
/* cyrillic */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: local('Roboto Condensed'), local('RobotoCondensed'),
url(../../fonts/RobotoCondensed-cyrillic.otf) format('opentype'),
url(../../fonts/RobotoCondensed-cyrillic.ttf) format('truetype'),
url(../../fonts/RobotoCondensed-cyrillic.woff) format('woff'),
url(../../fonts/RobotoCondensed-cyrillic.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: local('Roboto Condensed'), local('RobotoCondensed'),
url(../../fonts/RobotoCondensed-latin.otf) format('opentype'),
url(../../fonts/RobotoCondensed-latin.ttf) format('truetype'),
url(../../fonts/RobotoCondensed-latin.woff) format('woff'),
url(../../fonts/RobotoCondensed-latin.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
Ответы (1 шт):
Автор решения: BlackStar1991
→ Ссылка
У вас порядок шрифтов подключения - не правильный. Надо - от современных подключать к менее затребованым. Да и в 2024 уже можно оставить woff2 woff. Возможно ваша версия браузера уже не умеет те форматы подтягивать корректно.
PS Вы уверены что у вас на локалке нормальная версия src: local('Roboto Condensed') стоит ?

