css verschiedene Schriftgrößen auf verschiedenen Familien

Question

Ich habe eine CSS-Statement wie folgt aus:

font-family: font1, font2, font3; 

wo font1 ist eine eingebettete eot/ttf Schriftart, aber das Problem ist, dass diese Schrift kleiner als die anderen Schriftarten ist so ich möchte eine andere Schriftgröße (1.8em) für diese Schriftart (font1) haben. Alle anderen Schriftarten (font2, font3) bleiben unberührt.

Das Problem ist, dass ich nicht überprüfen kann, ob der Browser des Benutzers font1, font2 oder font3 verwendet. Gibt es eine CSS-Deklaration, die verschiedene Schriftgrößen für verschiedene Familien zulässt?

Danke.

Answer 1

Dort ist eine Möglichkeit, dies zu tun, aber es ist ab sofort sehr schlecht unterstützt. Die CSS-Eigenschaft, nach der Sie suchen, lautet font-size-adjust - eine neue CSS3-Eigenschaft, die speziell zur Behebung dieses Problems eingeführt wurde. Die Spezifikation sagt:

In Situationen, in denen Schrift Rückfall auftritt, Ersatzschriftarten nicht das gleiche Seitenverhältnis wie die gewünschte Schriftfamilie teilen können und somit erscheinen weniger lesbar. Die Eigenschaft der Schriftgradanpassung ist eine Möglichkeit, die Lesbarkeit von Text beizubehalten, wenn der Schriftausweichfehler auftritt. Dies geschieht, indem Sie die Schriftgröße so anpassen, dass die x-Höhe die gleiche irregardless der verwendeten Schriftart ist.

Es wird jedoch nur in Firefox ab sofort unterstützt, also sollten Sie nach Alternativen suchen.

Beispiele, wie es zu benutzen, siehe:

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