Css разные размеры шрифта для разных семейств

У меня есть объявление CSS вроде этого:

font-family: font1, font2, font3;

где font1 является встроенным шрифтом eot/ttf, но проблема в том, что этот шрифт меньше других шрифтов, поэтому я хочу иметь другой шрифт (1.8em) для этого шрифта (font1). Все остальные шрифты (font2, font3) остаются нетронутыми.

Проблема заключается в том, что я не могу проверить, использует ли браузер пользователя font1, font2 или font3. Есть ли какая-либо css-декларация, которая допускает разные размеры шрифта для разных семейств?

Спасибо.

Ответы

Ответ 1

Там есть способ сделать это, но на данный момент очень плохо поддерживается. Свойство CSS, которое вы ищете, это font-size-adjust - новое свойство CSS3, введенное специально для решения этой проблемы. В спецификации указано:

В ситуациях, когда исправление шрифта происходит, резервные шрифты не могут делиться то же соотношение сторон, что и желаемое и, таким образом, удобочитаемый. Настройка размера шрифта свойство - способ сохранить читаемость текста при отмене шрифта имеет место. Он делает это, регулируя размер шрифта, так что x-height является независимо от используемого шрифта.

Тем не менее, он поддерживается только в Firefox на данный момент, поэтому вы можете искать альтернативы.

Примеры того, как его использовать, см.:

http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/
https://developer.mozilla.org/en/CSS/font-size-adjust
http://www.fonttester.com/help/css_property/font-size-adjust.html
http://www.w3.org/TR/css3-fonts/#relative-sizing-the-font-size-adjust-pro