опера и @ font-face - PullRequest
Новая
       31

опера и @ font-face

1 голос
/ 27 августа 2011

У меня есть шрифт, который я включил в свой сайт, используя @ font-face. Несмотря на то, что он хорошо отображается в ff / chome / safari, в Opera возникают проблемы с отображением.

Я использую API шрифтов Google; это в моем HTML: 

<link 
     href='http://fonts.googleapis.com/css?family=Muli' 
     rel='stylesheet' 
     type='text/css' >

, а затем мой CSS: 

     /* this is whats in the linked file */
@font-face 
{   font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli'), url('http://themes.googleusercontent.com/static/fonts/muli/v2/    kU4XYdV4jtS72BIidPtqyw.woff') format('woff');
        }


    /* this is the css in my site */
body
{   font-family: 'Muli', sans-serif;
        }

Я не уверен, почему это не работает: API говорит, что работает с Opera 10.5 и выше ...

Ответы [ 4 ]

2 голосов
/ 27 августа 2011

Это font-weight: bold; вместо font-style: bold;. font-style Значения «курсив», «наклонный» и «нормальный». font-weight может иметь «жирный», «жирный», «светлый», «нормальный» или числовые значения 100, 200, ..., 900.

0 голосов
/ 27 ноября 2013

Попробуйте двойные кавычки: 

@font-face 
{   font-family: "Muli";
    ...

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

0 голосов
/ 27 августа 2011

Может случиться так, что если вы явно определите font-weight: 400; в своем объявлении font-face, этот font-face будет использоваться только для текста с точно таким же весом шрифта.Я не уверен, совпадает ли «400» с «нормальным», которое вы запрашиваете в вашем body селекторе.

Это, и я надеюсь, что в вашем фактическом URI шрифта нет пробелов.

0 голосов
/ 27 августа 2011

Это font-weight:bold, а не font-style:bold.

...