Error de CSS: no se pudo decodificar la fuente descargada; puede hacerlo
El error CSS "Error al decodificar la fuente descargada" puede tener diferentes causas. En este consejo práctico, presentamos los más comunes para el mensaje de error antes de posibles soluciones.
Error de CSS Error al decodificar la fuente descargada: fuente dañada
El error puede tener varias causas y, a menudo, solo ocurre en ciertos navegadores. En muchos casos, el error indica una fuente incorrecta.
- Es posible que la fuente ya tenga un error antes de que se haya copiado en el servidor. Sin embargo, también puede haberse dañado durante la copia.
- Para evitar daños a la fuente, use herramientas en línea como Transfonter para convertir su fuente a formatos adecuados.
- Cuando copie en su servidor, asegúrese de que la fuente se copie como un binario y no como un formato ASCI.
- También es posible que deba cambiar su cliente FTP porque algunos clientes transmiten las fuentes de forma incorrecta.
- También puede asegurarse de que está utilizando las fuentes correctas importando sus fuentes de FontLibrary o de Google.
Error de CSS debido a una integración de fuente incorrecta
Otro error típico que lleva a la advertencia "Error al decodificar la fuente descargada" es la incorporación incorrecta de la fuente.
- Las fuentes deben incluirse en la hoja de estilo CSS utilizando la etiqueta "src".
- Si es posible, también se debe definir el formato de la fuente. En el siguiente ejemplo para la integración de la fuente "webfont", las secciones de código relevantes están marcadas en negrita.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * IE9 Modos de compatibilidad * / src: formato url ('webfont.eot? #Iefix') ('embedded-opentype'), / * IE6-IE8 * / url ('webfont.woff2') formato ('woff2'), / * Navegadores súper modernos * / url ('webfont.woff') formato ('woff'), / * Navegadores bastante modernos * /
formato url ('webfont.ttf') ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') formato ('svg') ; / * IOS heredado * /}
Otro consejo práctico le dirá cómo obtener el nombre de una fuente que no conoce.