css différentes tailles de police sur les familles différentes

Question

j'ai une déclaration CSS comme ceci:

font-family: font1, font2, font3; 

où font1 est une police EOT/ttf intégré, mais le problème est que cette police est plus petite que les autres polices donc je vouloir avoir une taille de police différente (1.8em) pour cette police (font1). Toutes les autres polices (font2, font3) restent intactes.

Le problème est que je ne peux pas vérifier si le navigateur de l'utilisateur utilise font1, font2 ou font3. Existe-t-il une déclaration css qui autorise différentes tailles de police pour différentes familles?

Merci.

Answer 1

Il est un moyen de le faire, mais il est à ce jour très mal pris en charge. La propriété CSS que vous recherchez est font-size-adjust - une nouvelle propriété CSS3 introduite spécifiquement pour résoudre ce problème. La spécification dit:

Dans les situations où la police fallback se produit, polices de secours ne peuvent pas partager le même rapport d'aspect que la famille de polices désirée et apparaîtra donc moins lisible . La propriété font-size-adjust est un moyen de préserver la lisibilité du texte lors du remplacement de la police . Il le fait en ajustant la taille de police de sorte que la hauteur x est la même que la police utilisée.

Cependant, il est uniquement pris en charge dans Firefox à ce jour, vous devriez donc chercher des alternatives.

Pour des exemples de comment l'utiliser, voir:

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