Con la rápida implementación que se está produciendo de CSS3, es necesario crear tablas que certifiquen el soporte de novedades como @font-face, de la que ya hablé anteriormente. En esta tabla que os voy a mostrar a continuación se muestra cómo los navegadores actúan dependiendo si la fuente de familia está especificada (italic, regular, bold, bold-italic, small-caps) o solo la versión normal de la fuente está especificada.
A continuación se muestra el resultado de cómo los navegadores actuales renderizan la página test, comparado con el renderizado de referencia.
Puede el navegador adquirir el estilo nativamente?
| Firefox 3.6 | Safari 4 | Chrome 5 | Opera 10.5a | |
|---|---|---|---|---|
| Regular (Normal) | Sí | Sí | Sí | Sí |
| Italic | Sí | Sí | Sí | Sí |
| Bold | Sí | Sí | Sí | Sí |
| Bold-Italic | Sí | Sí | Sí | Sí |
| Small-Caps | Emula | Retraso a la fuente del sistema | Retraso a la fuente del sistema | Emulates |
| Extras? | Compatible | – | – | Compatible |
Puede el navegador emularlo desde la versión normal?
| Firefox 3.6 | Safari 4 | Chrome 5 | Opera 10.5a | |
|---|---|---|---|---|
| Regular (Normal) | (implícito) | (implícito) | (implícito) | (implícito) |
| Italic | Sí | Retraso al estilo regular | Retraso al estilo regular | Retraso al estilo regular |
| Bold | Sí | Retraso al estilo regular | Retraso al estilo regular | Retraso al estilo regular |
| Bold-Italic | Sí | Retraso al estilo regular | Retraso al estilo regular | Retraso al estilo regular |
| Small-Caps | Sí | Retraso a la fuente del sistema | Retraso a la fuente del sistema | Sí |
| Extras? | Compatible | – | – | Compatible |
Puedes ver esta tabla más detalladamente aquí.
¿Qué os parece? ¿Usáis @font-face en vuestros sitios?
