Xiper

Не подгружаются шрифты @font-face

Автор: Евгений Рыжков Дата публикации:

Проблема может возникнуть в некоторых версиях Opera и похоже из-за какого-то бага обработки ttf шрифтов.

update Причины могут быть следующие:

  • в url страницы присутствуют не латинские символы (например, русские буквы);
  • если имя пользователя Windows содержит русские символы.

Решение

Подключать svg шрифт до ttf:

@font-face {
font-family: "myFont";
src: url("myFont.eot") format("eot");
}
@font-face {
font-family: "myFont";
src: url("myFont.eot") format("eot"),
url("myFont.woff") format("woff"),
url("myFont.svg") format("svg"),
url("myFont.ttf") format("truetype");
}

Прием срабатывает не всегда.

Материалы

  • @font-face и Опера

По теме