Сокращение шрифта не работает в Firefox

Я пытаюсь сократить свой css с помощью сокращений. В моем коде абзаца у меня есть:

p{
font: 12px/14px normal 'verdana';
margin: 0px;
}

Это отлично работает в Chrome, Safari и т. Д., Но не в Firefox. Он не регистрирует «шрифт: 12px/14px обычный verdana»; только "маржа: 0px;"

В чем проблема/что я могу сделать?


fonts css firefox shorthand
person Mira Stenvik Granly    schedule 12.05.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это должно быть: Шрифт: Вес, Размер, Семейство

    p{
    font:normal 12px/14px  'verdana';
    margin: 0px;
    }

Демонстрация: http://jsfiddle.net/4tUxp/

person Miro    schedule 12.05.2013
comment
Вам, вероятно, также следует писать «вердана» с большой буквы. - person cortices; 12.05.2013
comment
На практике использование заглавных букв не требуется, хотя, в принципе, имена семейств шрифтов могут быть чувствительными к регистру. - person Jukka K. Korpela; 12.05.2013
comment
На самом деле, Chrome и Safari ошибаются: согласно правилам обязательной обработки ошибок CSS, искаженное объявление font должно игнорироваться. IE 9+, кажется, понимает это по-своему неправильно: он анализирует правило в вопросе так, что значение font-family равно normal "verdana", и, по-видимому, интерпретирует это как шрифт браузера по умолчанию (тогда как IE 8 и более ранние версии делают все правильно!). - person Jukka K. Korpela; 12.05.2013