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 была одинаково независимо от используемого шрифта.
Однако на данный момент он поддерживается только в Firefox, поэтому вы можете поискать альтернативы.
Примеры его использования см. по адресу:
http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/
https://developer .mozilla.org/en/CSS/font-size-adjust
http://www.fontester.com/help/css_property/font-size-adjust.html
http://www.w3.org /TR/css3-fonts/#relative-sizing-the-font-size-adjust-pro