Come aprire file .WOFF su Windows
Per aprire file .WOFF su Windows, per uso web: inserisci il file .woff nella cartella del tuo progetto e fai riferimento ad esso dal CSS con @font-face (point src: url('yourfont.woff') format('woff')).
Istruzioni passo passo
- Per uso web: inserisci il file .woff nella cartella del tuo progetto e fai riferimento ad esso dal CSS con @font-face (point src: url('yourfont.woff') format('woff')).
- Open the HTML page in a modern browser to confirm the font loads and renders.
- For inspection: use your browser’s Developer Tools (Network tab) to verify the .woff file is served and the correct type is applied.
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.