¿Cuáles son los principales problemas con el uso de CSS3 font-face para un sitio web completo?

Answer 1

Si bien definitivamente se está convirtiendo en una tendencia, hay algunos problemas:

Compatibilidad: navegador antiguo = sin bondad personalizada, lo que puede degradar horriblemente. Especialmente si lo usaste para todo el sitio. Afortunadamente, esto no es un gran problema ya que IE (que generalmente es el mayor problema) ha admitido @ font-face desde la versión 4.

Destello de texto sin estilo: la fuente que está incrustando no está necesariamente en el sistema de los usuarios, lo que puede causar el molesto ‘destello de texto sin estilo’. Safari, Chrome y otros navegadores WebKit ocultan cualquier texto diseñado con @ font-face hasta que la fuente esté completamente cargada. Esto significa que el texto con estilo es invisible al principio y luego aparece en la pantalla cuando se completa la carga de la fuente. Firefox carga todo su texto normalmente y lo muestra usando la fuente alternativa. Luego, medio segundo más tarde, ese texto se reemplaza cuando se cargan los datos de la fuente personalizada.

Representación: incluso si el navegador admite @ font-face, la representación de la fuente varía mucho . Algunos sistemas hacen que el tipo se vea extraño, mientras que otros lo hacen parecer feo. La falta de anti-aliasing adecuado en la mayoría de los sistemas Windows (especialmente XP) es un gran factor decisivo para las fuentes personalizadas en general. El renderizado de fuentes controladas por el navegador, como Webkit’s –webkit-font-smoothing, puede venir al rescate …

Problemas legales: a partir de ahora, el mayor obstáculo para @ font-face se encuentra en las licencias de uso. La mayoría de las fundiciones / revendedores de tipos tienen una política muy estricta cuando se trata de incrustar @ font-face, lo que hace que la mayoría de las fuentes comerciales sean ilegales.

Entonces, aunque todavía hay problemas, la mayoría de estos problemas desaparecerán a medida que mejoren los sistemas y el ancho de banda, y cuando la atmósfera de licencias de fuentes se relaje en la web.

Answer 2

Si elige sus fuentes con cuidado, puede evitar la mayoría de las advertencias.

Sugeriría usar un servicio como TypeKit por una variedad de razones. Primero, han trabajado con las fundiciones para hacer que sus fuentes estén disponibles para la incrustación sin problemas de licencia. También trabajan duro para ajustar las fuentes para que se muestren correctamente en la web en varios navegadores. Si sigue su blog, puede mantenerse actualizado sobre las fuentes que están probando y si alguna de las fuentes que está utilizando en sus sitios se ha actualizado. También le permiten configurar fuentes de reserva en typekit o en su propio CSS si lo prefiere.

La clave es protegerte. Siempre es una buena idea mirar los análisis para el sitio que está rediseñando y mirar los navegadores Y el SO. XP es el gran culpable, ya que ClearType a menudo está desactivado de forma predeterminada, y las fuentes se verán HORRIBLES. A continuación, tendrá que mirar sus navegadores. Este es otro lugar donde TypeKit es útil, ya que proporcionan una herramienta para probar la mayoría de las combinaciones de navegadores / SO para que pueda ver cómo se verá antes de usarlo.

Solo usted puede tomar la decisión de dónde se dibuja la línea para su uso. Los uso en todo mi sitio de diseño personal, porque espero (y mi análisis muestra) que la mayoría de mis visitantes usan navegadores y sistemas operativos modernos. Sin embargo, si trabaja en un sitio dirigido más al público en general, que puede estar sentado en una máquina de 5 años en una oficina en algún lugar, es posible que desee pensarlo dos veces.

Answer 3

Paul Irish tiene una solución de navegador cruzado que proporciona fallos,
http://paulirish.com/2009/bullet …
usa su CSS y lleva tu fuente a http://fontsquirrel.com , allí se proporciona un generador de fuentes, que proporcionará tu fuente en los múltiples formatos que necesitarás.