@Font-Face не работает в Opera

Я надеюсь, что вы уделите немного времени и поможете мне с этой проблемой. Я пытаюсь интегрировать этот шрифт в тему WordPress. И он отлично работает в FF, Chrome и IE. Но у меня проблема с Оперой. Самое странное, что он загружается, но похоже, что формат файла нарушен. Я знаю, что он загружается, потому что при загрузке страницы шрифт преобразуется из с засечками в без засечек.

Я использовал fontsquirrel и несколько других конвертеров для создания комплекта, но, похоже, ни один из них не работает должным образом.

@font-face {
    font-family: 'Blanch-Caps';
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot');
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot?#iefix') format('embedded-opentype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.woff') format('woff'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.ttf') format('truetype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.svg#blanch_caps') format('svg');
    font-weight: normal;
    font-style: normal;
}

.title h3 {
    font-family: 'Blanch-Caps';
    text-transform: lowercase;
}

Опять же, он отлично работает в любом другом браузере, кроме Opera. Я использую преобразование нижнего регистра, поскольку Бланш не поддерживает заглавные буквы.

Буду признателен за любую помощь.

Спасибо.


fonts font-face opera
person user1342253    schedule 18.04.2012    source источник
comment
можешь показать свой код? Вы используете optimizeLegibility в своем css? на другие вопросы, которые у меня есть, можно легко ответить с помощью источника кода   -  person albert    schedule 21.04.2012
comment
+1 - было бы проще понять эту проблему со ссылкой.   -  person hallvors    schedule 24.07.2012

Ответы (1)


arrow_upward
1
arrow_downward

Это известная ошибка Opera... вам просто нужно добавить двойные кавычки:

@font-face {
    font-family: "Blanch-Caps";
    ...

Подробнее о проблеме здесь: Почему не работает Opera ( 11.00) отображать пользовательские шрифты (@font-face)?

person Marcus    schedule 26.11.2013