La console dice: “Failed to decode downloaded font” e il nostro font non viene caricato. Perché?
Il seguente è un codice CSS minimale che ci consente di utilizzare nella nostra pagina web un font scaricato in locale.
@font-face {
font-family: nostroFont;
src: url("nostraCartella/nostroFont.woff");
}
Bene.
Purtroppo però, sebbene il codice sembra essere corretto, nella console troviamo scritto: “Failed to decode downloaded font“.
Cosa può essere?
Una delle motivazioni di tale comportamento è il file .htaccess.
Se usiamo Apache e PHP è molto probabile che prima o poi utilizzeremo il file .htaccess e, se siamo distratti o novizi, potrebbe accadere di incorrere in qualche disattenzione nell’utilizzo del rewrite. Ad esempio, un rewrite come il seguente:
RewriteEngine on RewriteRule !.(gif|jpg|png|css)$ index.php
impedisce al server PHP di andare a gestire i file di tipo woff. Modificando, quindi, la precedente regola, nella seguente:
RewriteEngine on RewriteRule !.(gif|jpg|png|css|woff)$ index.php
potremmo magicamente risolvere il nostro problema 🙂
Non sempre il motivo è questo, ma tutti gli altri motivi sono abbondantemente discussi in giro per la rete…