Come aprire file .WOFF su Linux
Per aprire file .WOFF su Linux, per uso web: inserisci il file .woff nel tuo progetto e fai riferimento ad esso dal CSS utilizzando @font-face con format('woff').
Istruzioni passo passo
- Per uso web: inserisci il file .woff nel tuo progetto e fai riferimento ad esso dal CSS utilizzando @font-face con format('woff').
- Carica la tua pagina in un browser moderno e conferma il rendering dei caratteri.
- Utilizza gli Strumenti per sviluppatori del browser per risolvere i problemi se il download o l'applicazione del carattere non riesce.
Problemi comuni
Il carattere non viene caricato sul sito Web (tipo MIME o configurazione del server errati)
I browser si aspettano che i caratteri Web vengano offerti con un tipo di media appropriato. Se il server invia un tipo errato (o obsoleto), il carattere potrebbe non riuscire a caricarsi o essere bloccato dai criteri in alcune configurazioni.
- Configura il tuo server web per servire .woff con il tipo di media standardizzato font/woff (secondo la registrazione IETF/IANA).
- Eseguire nuovamente il test nel browser e verificare negli Strumenti per sviluppatori che la risposta Content-Type sia font/woff.
Il riferimento CSS @font-face è errato (mancata corrispondenza del percorso/formato)
Un problema pratico comune è un percorso URL non funzionante al file .woff o un suggerimento format() errato in @font-face, che fa sì che il browser salti la fonte.
- Verifica che l'URL in src: url(...) punti alla posizione effettiva del file .woff e che il file sia accessibile (non 404 nella scheda Rete).
- Usa format('woff') per le fonti .woff e assicurati che il nome della famiglia @font-face corrisponda a quello che usi in font-family.
Confondere .woff con .woff2
.woff e .woff2 sono formati diversi con specifiche diverse. Servirne solo uno quando il cliente si aspetta l'altro può portare alla mancanza di caratteri in alcune configurazioni (specialmente quando sono coinvolte risorse meno recenti o pipeline di build).
- Verifica se disponi di file .woff (WOFF 1.x) o .woff2 (WOFF 2.0); non rinominare le estensioni in “converti”.
- Fornisci le fonti appropriate in @font-face (spesso elencando sia .woff2 che .woff, ciascuna con il suggerimento sul formato corretto) se hai bisogno di una compatibilità più ampia.
Nota di sicurezza
I file WOFF sono risorse di caratteri, non script, ma sono pur sempre file binari analizzati da browser e librerie di caratteri; i caratteri non validi possono innescare vulnerabilità del parser nei consumatori (browser, motori di rendering o strumenti per i caratteri). Tratta i file di caratteri Web non attendibili come input potenzialmente rischiosi.