CSS разных размеров шрифта на разных семей

Question

У меня есть такое объявление CSS:

font-family: font1, font2, font3;

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

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

Спасибо.

Answer 1

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

В ситуациях, когда откат шрифта происходит, запасные шрифты могут не делиться такое же соотношение сторон как желаемое семейство шрифтов и, следовательно, будет меньше удобочитаемый. Регулировка размера шрифта собственность является способом сохранить удобочитаемость текста при отступлении шрифта происходит. Это делается путем регулировки размер шрифта, так что высота х одинаково, независимо от используемого шрифта.

Однако на данный момент он поддерживается только в 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