Я использую последнюю версию Google Chrome, и она вообще не отображает шрифт.
Я использую Debian Linux, и все другие браузеры, включая Chromium, правильно отображают включенные шрифты.
Объявление шрифта, которое я использую:
@font-face {
font-family: Dejaweb;
src: url('DejaWeb.ttf');
}
@font-face {
font-weight: bold;
font-family: Dejaweb;
src: url('DejaWeb-Bold.ttf');
}
Всякий раз, когда @font-face по необъяснимым причинам не работает у меня в предположительно совместимых браузерах, я добавляю это в свой файл .htaccess. Предположительно, некоторые браузеры не будут загружать шрифты, размещенные в других доменах, и этот фрагмент кода устраняет эту проблему, но иногда это единственное средство принудительной загрузки шрифтов, размещенных в том же домене. Как правило, это больше проблема с Firefox, чем с Chrome, но я только что использовал это, чтобы принудительно использовать шрифты в Chrome, пока Firefox работал нормально. Иди разберись.
<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Еще одна необъяснимо странная вещь, с которой я столкнулся с синтаксисом @font-face, заключалась в том, что он не загружал файлы шрифтов должным образом с заглавными буквами в имени. Это было проблемой только один раз, и после того, как я неоднократно стучал головой о стол, устраняя неполадки @font-face кучей разных способов, в крайнем случае я изменил все файлы шрифтов и имя семейства шрифтов на символы нижнего регистра, и это сработало нормально ( Я думаю, что это была проблема в вечно привередливом IE, и только на одном веб-сайте, который я делал, точно такой же синтаксис на другом веб-сайте отлично работал с символами верхнего и нижнего регистра).
Попробуй это
src:url('DejaWeb-Bold.ttf') format('truetype'),
Кроме того, если шрифты доступны в другом формате, отличном от того, где вы их получили, я предлагаю написать все совместимые с браузером следующим образом.
@font-face {
font-family: "Dejaweb";
src: url("DejaWeb-Bol.eot") format('embedded-opentype'), /* EDIT correction on this line */
url('DejaWeb-Bol.woff') format('woff'), /* Modern Browsers */
url('DejaWeb-Bol.ttf') format('truetype'), /* Safari, Android, iOS */
url('DejaWeb-Bol.svg#Dejaweb') format('svg'); /* Legacy iOS; correction on this line */
font-weight:bold;
font-style:normal;
}
Если вы поместите файлы шрифтов в папку с именем «шрифты», а файлы CSS в папку с именем «стиль», вам следует написать URL-адрес следующим образом.
@font-face {
font-weight: bold;
font-family: Dejaweb;
src: url('../fonts/DejaWeb-Bold.ttf'); }
Я только что исправил ту же ошибку, как это.
@font-face {
font-family: 'FONT-NAME';
src: url('RELATIVE-FONT-URL') format('FONT-FORMAT');
}
div {
font-family: 'FONT-NAME';
font-weight: normal;
font-style: normal;
}
Добавление шрифта и стиля шрифта с нормальным значением сработало для меня.
