@ font-face vs Google Fonts vs Cufon

Question

Me han forzado las circunstancias a utilizar @ font-face en un sitio que estoy desarrollando, y tengo que decir que estoy impresionado por la calidad del renderizado en comparación con Google Fonts, pero parece tener un gran impacto en las solicitudes de http en comparación con Cufon, ya que necesita cuatro variantes por fuente para la copia del cuerpo y, a veces, un par para los títulos.

En general, he trabajado con cufon, ya que considero que es flexible, confiable, entre navegadores y dispositivos móviles, ya pesar de algunos problemas ocasionales de espacios en blanco, es fácil trabajar con ellos. No he hecho mucho con las fuentes de Google ya que el procesamiento es una mierda en algunos navegadores.

¡Obviamente la tecnología ha avanzado! ¿Cómo difieren estos tres? ¿Hay algún inconveniente grave con cualquiera de los tres?

Answer 1

Creo que hay dos consideraciones para elegir entre @ font-face, los valores predeterminados del navegador y cufon.

1. ¿Qué tan fácil será para que usted pueda mantener el aspecto de su sitio usando CSS

Cuando se utiliza una solución Javascript para cualquier parte del sitio, que es importante (al menos para mí) que la el sitio parece decente con o sin javascript. Esto significa que si un usuario hace clic en "detener" antes de que la página termine de cargarse, ese tipo seguirá estando en su lugar dentro del diseño. Esto significa tener una alternativa utilizando fuentes predeterminadas. He descubierto que esto es realmente problemático en el pasado, ya que las alturas de línea de las fuentes cufon pueden diferir drásticamente de las fuentes normales, por lo que es necesario escribir CSS superfluos para controlar estos casos más irregularidades entre navegadores. En resumen, un dolor en el trasero

Con @ font-face, particularmente usando fuentes de Google o tipo de letra, las fuentes son calidad elegida y se muestran de manera predecible y consitentemente bien (con respecto al diseño y la altura de línea) al navegador cruzado. Por ejemplo, puedes cambiar de proxima-nova a la arial por defecto sin implicaciones en el diseño. He descubierto que esto es un desafío con cufon.

2. ¿Cómo será necesario que el usuario interactúe con el sitio

me gustaría ser capaz de resaltar el texto, buscar texto, y ver un cursor de texto cuando se ciernen sobre el texto. No puedes hacer eso con cufon. Si su sitio tiene más información, cufon no es una buena opción.

Yo diría que Cufon es una buena opción para sitios más pequeños donde la estética es igual de importante que el contenido (ya que el contenido simplemente no tendrá el mismo efecto sin llamativa tipografía que su usuario necesita para mantener una CMS ... www.macretailsolutions.com es un sitio que hice con Cufon que creo que pertenece a esta categoría). De lo contrario, mi opinión es que tanto en una perspectiva de mantenimiento/desarrollo como en la de usabilidad, apesta.

Definitivamente es cierto que Cufon se volverá mucho más bonito en IE, pero la verdad es que si las personas están usando IE en primer lugar, para empezar no están demasiado preocupadas por la estética.

Conclusión: no utilice Cufon.