Guías prácticas

Elija y pruebe fuentes web en todos los idiomas

La tipografía debe permanecer legible cuando una fuente llega tarde, las traducciones se hacen más largas y faltan caracteres. Una selección visual por sí sola no valida su integración.

Ver el método

Tipografía resistente

preparar personajes realmente usados

Recoge muestras en todos los idiomas con acentos, números, puntuación y palabras largas. Incluya formularios y errores en lugar de solo un encabezado corto. Verifique la dirección de escritura y los caracteres específicos del idioma dentro del alcance del sitio.

Elija los pesos y estilos necesarios antes de multiplicar archivos. Reduzca las variantes de acuerdo con el contenido y la jerarquía en lugar de eliminar las distinciones útiles. Verifique las condiciones de la licencia y el alojamiento permitido con la fuente seleccionada.

Elija una estrategia de carga

Font-Display gobierna cómo se muestra una fuente de acuerdo con su disponibilidad. MDN describe bloque, intercambio, respaldo y opcional. Elija de acuerdo con las necesidades de lectura y el contexto, luego observe el comportamiento real del navegador.

Defina una reserva adecuada para la experiencia de lectura prevista. Prueba sin la fuente personalizada. Una precarga ayuda solo cuando el archivo es necesario y coincide con el recurso solicitado; La precarga excesiva puede competir con el contenido esencial.

Diseño de prueba, zoom y estados

Compruebe una página densa, navegación, tabla y formulario con fuentes finales y de respaldo. Pruebe pantallas estrechas y zoom. Los botones, precios, nombres y errores deben permanecer disponibles cuando el texto ocupa más espacio.

Compare los estados antes y después de la carga, incluidos los saltos de línea, la altura y el movimiento del botón primario. Capture las condiciones especificadas en lugar de juzgar una pantalla de escritorio ya cargada. Repita los idiomas que más se diferencian del diseño inicial.

Mantener la decisión de tipografía

Conservar origen, derechos marcados, archivos, idiomas probados y reglas de carga en la documentación del proyecto. Repita los ejemplos representativos antes de que un cambio de marca o de fuente afecte a todas las pantallas.

Elimine las variantes no utilizadas solo después de verificar el contenido y los documentos que aún pueden solicitarlas. Ofrezca una tipografía legible con respaldos probados, cobertura de personajes adecuada y una lista limitada de recursos justificados.

Documentación principal: DND — Pantalla de fuente.

Documentos de referencia

Contenido actualizado el 1 de octubre de 2026

Matriz de validación funcional para adaptarse al proyecto

Estos controles propuestos utilizan casos ficticios. Decida qué comportamiento se espera con el equipo, anote el resultado y asigne discrepancias no resueltas antes de la publicación.

Casos de prueba, resultados esperados y evidencia útil
CasoResultado esperadoPrueba para mantener
Fuente principal no disponibleEl texto, los precios y las acciones permanecen legibles antes o sin carga de fuentes.Capturas de pantalla y viajes completos con descarga de fuentes bloqueada deliberadamente.
Guiones y acentos publicadosCada muestra representa los personajes que pretende el equipo editorial.Muestras revisadas en los idiomas y sistemas de escritura realmente utilizados en el sitio.
Zoom y ancho estrechoLas etiquetas y los mensajes útiles no permanecen ni recortados ni cubiertos.Condiciones registradas y componentes que contienen el texto realista más largo.
cambio de peso o familiaLas variantes solicitadas coinciden con los archivos útiles con el permiso de uso marcado.Inventario de archivos, solicitudes observadas y derechos registrados para la fuente de fuente seleccionada.

Preguntas frecuentes

¿Una fuente compatible con francés cubre todos los idiomas?

No. Compruebe los caracteres, los guiones y los pesos de los idiomas realmente publicados. Pruebe muestras reales en lugar de asumir una cobertura total de un solo encabezado.

¿Todas las fuentes siempre deben estar precargadas?

No. Identifique los archivos necesarios para la representación inicial y pruebe el beneficio. Los recursos no utilizados y las variantes secundarias no necesitan automáticamente la precarga.