¿Cuál es la forma más universalmente compatible de mostrar fuentes suaves?

Answer 1

El uso de fuentes de sistema modernas, diseñadas e insinuadas para la pantalla, y su configuración en una pila de fuentes equilibrada es la respuesta más simple.

La siguiente mejor opción sería comprar una fuente web de alta calidad o usar el paquete pago de un servicio como Typekit, que permitiría el acceso a fuentes de alta calidad.

Con la propiedad, la fuente se puede aplicar usando @ font-face. Luego se debe tener cuidado al aplicar negrita y cursiva en el CSS: se debe usar un restablecimiento para evitar negrita y cursiva, y la familia de fuentes negrita / cursiva debe declararse explícitamente para dar versiones en negrita y cursiva para b / strong y Etiquetas i / em en particular.

Otro problema es el soporte de @ font-face: modernizr se puede utilizar para probar esto y proporcionar una copia de seguridad, por ejemplo, siFR o reemplazo de imagen para encabezados.

Si puede encontrar una fuente gratuita de alta calidad para usar, entonces obviamente @ font-face puede ser el método principal. Otra cosa necesaria es una pila de fuentes adecuada debajo de su fuente alojada, y si no hay soporte en el navegador, modernizr se puede usar para permitir que las dimensiones de las fuentes alternativas se puedan declarar en el CSS para que coincidan con el tamaño, etc.

Google fonts es un buen servicio, [EDITAR Acabo de tener que analizar algunos problemas con el sitio web de un amigo, y aconsejaría a cualquiera que no use Google Fonts; tal como está actualmente, la calidad de la gran mayoría de las fuentes disponibles es demasiado, demasiado bajo para ser útil], pero debe tener mucho cuidado con el aspecto de la fuente en la pantalla: con todos los métodos, pero especialmente con esto y las fuentes gratuitas, se necesitarán pruebas de navegador cruzadas muy cuidadosas, en particular con el texto del cuerpo .