Erro de CSS: falha ao decodificar a fonte baixada - você pode fazer isso

O erro CSS "Falha ao decodificar a fonte baixada" pode ter causas diferentes. Nesta dica prática, apresentamos as mais comuns para a mensagem de erro antes de possíveis soluções.

Erro de CSS Falha ao decodificar a fonte baixada: Fonte danificada

O erro pode ter várias causas e geralmente ocorre apenas em determinados navegadores. Em muitos casos, o erro indica uma fonte incorreta.

• É possível que a fonte tenha tido um erro antes de ser copiada para o servidor. No entanto, também pode ter sido danificado durante a cópia.
• Para evitar danos à fonte, use ferramentas on-line, como o Transfonter, para converter sua fonte em formatos adequados.
• Ao copiar para o servidor, verifique se a fonte é copiada como um formato binário e não como ASCI.
• Também pode ser necessário alterar seu cliente FTP, porque alguns clientes transmitem fontes incorretamente.
• Você também pode garantir que está usando as fontes corretas importando-as da FontLibrary ou do Google.

Erro de CSS devido à integração incorreta da fonte

Outro erro típico que leva ao aviso "Falha ao decodificar a fonte baixada" é a incorporação incorreta da fonte.

• As fontes devem ser incluídas na folha de estilos CSS usando a tag "src".
• Se possível, o formato da fonte também deve ser definido. No exemplo a seguir para a integração da fonte "webfont", as seções de código relevantes estão marcadas em negrito.
• @ font-face {família de fontes: 'MyWebFont'; src: url ('webfont.eot'); / * Modos de compatibilidade com o IE9 * / src: formato url ('webfont.eot? #Iefix') ('opentype incorporado'), / * IE6-IE8 * / url ('webfont.woff2') formato ('woff2'), / * Navegadores super modernos * / formato url ('webfont.woff') ('woff'), / * Navegadores bastante modernos * /
  formato url ('webfont.ttf') ('truetype'), / * Safari, Android, iOS * / formato url ('webfont.svg # svgFontName') ('svg') ; / * IOS herdado * /}

Outra dica prática lhe dirá como obter o nome de uma fonte que você não conhece.