Failed to decode downloaded font

Failed to decode downloaded font

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…