css diferentes tamaños de fuente en diferentes familias

Question

que tienen una declaración CSS como esto:

font-family: font1, font2, font3; 

donde font1 es una fuente EOT/ttf incorporado, pero el problema es que esta fuente es más pequeña que las otras fuentes por lo que quiero tener un tamaño de fuente diferente (1.8em) para esta fuente (font1). Todas las otras fuentes (font2, font3) permanecen intactas.

El problema es que no puedo verificar si el navegador del usuario utiliza font1, font2 o font3. ¿Hay alguna declaración CSS que permita diferentes tamaños de letra para diferentes familias?

Gracias.

Answer 1

Hay es una manera de hacer esto, pero ahora es muy mal soportado. La propiedad de CSS que está buscando es font-size-adjust - una nueva propiedad de CSS3 introducida específicamente para solucionar este problema. La especificación dice:

En situaciones donde se produce la fuente de reserva , fuentes de repliegue pueden no compartir la misma relación de aspecto que la familia de la fuente deseada y por lo tanto aparecerá menos legible. La propiedad font-size-adjust es una forma de preservar la legibilidad del texto de cuando se produce el origen de la fuente . Hace esto ajustando el tamaño de letra para que la altura x sea igual independientemente de la fuente utilizada.

Sin embargo, solo es compatible con Firefox a partir de ahora, por lo que es posible que desee buscar alternativas.

Para ver ejemplos de cómo usarlo, ver:

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