Главная/ Собираем HTML и CSS приемы/ HTML и CSS приемы, интересные решения/ Glyuki Brauzerov/ Opera/ Не подгружаются шрифты посредством @font-face в Opera

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

Дата публикации: 04.08.2011

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

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

  • в 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");
}

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

Материалы

По теме