Faltan archivos de fuentes
Silktide encuentra archivos de fuentes que tus páginas solicitan pero que no se cargan, normalmente porque el archivo se movió o se eliminó, o porque se escribió mal su dirección web. Cuando una fuente no se carga, el texto recurre a una fuente de sustitución y tus páginas dejan de verse como se diseñaron.
/* Si falta este archivo de fuente, el texto se muestra con una fuente de reserva */
@font-face {
font-family: "Brand Sans";
src: url("/fonts/brand-sans.woff2") format("woff2");
}
Por qué es importante
La tipografía transmite tu marca. Cuando falla una fuente personalizada, el navegador la sustituye silenciosamente por otra: el texto sigue apareciendo, pero cambian los espacios, los encabezados se ven mal y las fuentes de iconos pueden degradarse en cuadrados sin sentido o caracteres aleatorios, lo cual es mucho peor que un simple problema estético.
Como existe una alternativa, las fuentes ausentes a menudo pasan desapercibidas para el propio equipo del sitio durante meses. Mientras tanto, el navegador de cada visitante pierde tiempo solicitando el archivo y esperando al fallo en cada página que lo referencia.
Cómo solucionarlo
- Encuentra la referencia al archivo que falta, normalmente una regla
@font-faceen tu , o una fuente cargada desde un servicio de alojamiento de fuentes. - Si el archivo se movió, actualiza la referencia a su nueva dirección. Si la fuente se retiró deliberadamente, elimina la regla que la solicita.
- Si el archivo debería existir, restáuralo. Las fuentes tienen un modo de fallo adicional común: las restricciones de origen cruzado. Una fuente servida desde otro dominio debe enviarse con cabeceras permisivas, o los navegadores se negarán a usarla.
- Prueba la página después y confirma que el texto se muestra con la fuente prevista.
Cómo lo comprueba Silktide
- Cargar cada página en un navegador real y registrar cada archivo que la página solicita.
- Conservar las solicitudes de archivos de fuentes.
- Informar de cada una que falle al descargarse: una respuesta de error del servidor, como 404, o un fallo de conexión. Para evitar falsas alarmas, no se notifican los tiempos de espera momentáneos ni las solicitudes que el propio navegador canceló.
- Resaltar dónde en la página se referencia cada archivo ausente.
Solución de problemas
El archivo se carga cuando lo pruebo
El archivo puede estar detrás de un inicio de sesión, bloqueado para visitantes automatizados o servirse de forma inconsistente. Comprueba también si hay contenido mixto: una fuente solicitada por HTTP simple desde una página servida por es bloqueada por el navegador aunque el archivo exista. Si realmente está bien, el hallazgo.
El texto me parece bien
Las fuentes de reserva pueden ser lo suficientemente parecidas como para que no notes la sustitución, especialmente en el cuerpo del texto. Compara un encabezado con tu diseño o revisa las herramientas de desarrollo del navegador para ver si hay solicitudes de fuentes fallidas.