File WOFF2 di esempio — Scarica web font gratuiti per i test

Web Open Font Format 2 · .woff2 · tipo MIME font/woff2

6 file41 KB – 113 KBLink direttiSenza pubblicità né registrazioneGratis per qualsiasi usoVerificati con SHA-256

Scarica un file WOFF2 di esempio, il formato che dovresti effettivamente servire. Il WOFF2 applica la compressione Brotli più una fase di pre-elaborazione specifica per i font: così questi file sono circa il 25–30 percento più piccoli del WOFF corrispondente e meno della metà del TTF originale, con contorni identici byte per byte.

Tutti i browser attuali supportano il WOFF2, quindi per testare @font-face, il comportamento di font-display, il preload o una pipeline di font self-hosted è questo il formato da usare. I file sono serviti con il tipo MIME font/woff2 corretto e un'intestazione CORS aperta.

Scarica file WOFF2 di esempio

FileDettagliDimensioneScarica
sample-font-roboto-mono-regular.woff2
Roboto Mono Regular • monospace · 400
Roboto Mono Regular · SIL Open Font License 1.141 KB
41.148 byte
Scarica WOFF2
sample-font-lora-regular.woff2
Lora Regular • serif · 400
Lora Regular · SIL Open Font License 1.148 KB
48.324 byte
Scarica WOFF2
sample-font-open-sans-regular.woff2
Open Sans Regular • sans-serif · 400
Open Sans Regular · SIL Open Font License 1.160 KB
59.616 byte
Scarica WOFF2
sample-font-roboto-regular.woff2
Roboto Regular • sans-serif · 400
Roboto Regular · SIL Open Font License 1.169 KB
69.112 byte
Scarica WOFF2
sample-font-roboto-bold.woff2
Roboto Bold • sans-serif · 700
Roboto Bold · SIL Open Font License 1.171 KB
71.236 byte
Scarica WOFF2
sample-font-inter-regular.woff2
Inter Regular • sans-serif · 400
Inter Regular · SIL Open Font License 1.1113 KB
113.408 byte
Scarica WOFF2
6 file · link diretti · senza registrazione · CORS abilitato

Usa questi file dalla riga di comando o in CI

Ogni URL è stabile e con CORS aperto. Fissa lo SHA-256 nel tuo test e saprai subito quando una fixture cambia.

# Scarica un file
curl -O https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/fonts/woff2/sample-font-roboto-mono-regular.woff2

# Verificalo (lo SHA-256 è indicato per ogni file qui sopra)
shasum -a 256 sample-font-roboto-mono-regular.woff2

# Indice leggibile da macchina di tutti i file di esempio
curl https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/index.json | jq '.files[] | select(.format=="woff2")'

Il formato WOFF2 in breve

Nome completoWeb Open Font Format 2
Estensioni.woff2
Tipo MIMEfont/woff2
StandardWOFF 2.0 (Raccomandazione W3C, 2018)
CompressioneBrotli più pre-elaborazione delle tabelle dei glifi
Magic bytes77 4F 46 32 ("wOF2")
Tipo MIMEfont/woff2
Supporto browserTutti i browser attuali

Cosa si testa con i file WOFF2 di esempio

  • Test di @font-face e di web font self-hosted
  • Preload dei font e strategie di font-display
  • Lavoro sui Core Web Vitals: i font bloccano spesso l'LCP
  • Pipeline di subsetting (questi file volutamente non sono ridotti)
  • Cache CDN e distribuzione cross-origin
Note per i test. Fai il preload del font che serve al primo rendering e abbinalo a font-display: swap. Una richiesta di font che blocca il rendering è una delle cause più comuni di un Largest Contentful Paint scadente. Questi file contengono di proposito il set di caratteri completo. Se ne riduci uno al solo latino dovresti vederlo calare di ben oltre la metà: un modo rapido per dimostrare che il tuo strumento di subsetting funziona.

Domande frequenti

Quanto è più piccolo il WOFF2 rispetto al TTF?

Circa la metà, e qui il confronto è facile perché i contorni sono identici. Roboto Regular pesa 157.472 byte in TTF, 92.216 in WOFF e 69.112 in WOFF2: circa il 56 percento in meno del TTF e il 25 percento in meno del WOFF.

Mi serve un fallback WOFF o TTF?

Quasi mai. Il WOFF2 è supportato da tutti i browser usciti più o meno dal 2016 in poi. Aggiungi un fallback WOFF solo se le tue statistiche mostrano un traffico significativo da browser datati; aggiungerlo per abitudine significa solo mantenere un secondo file che nessuno scarica.

Posso usare questi font in un progetto commerciale?

Sì. Ogni carattere è rilasciato con la SIL Open Font License 1.1, che consente uso, modifica, incorporamento e ridistribuzione, anche commerciali. Non puoi vendere i font da soli, e una versione modificata non deve mantenere il nome riservato del font originale. Il testo completo della licenza è pubblicato insieme ai file.

Sono font variabili?

No. I sorgenti originali sono variabili; prima della conversione istanziamo ciascuno in un unico peso statico e poi eliminiamo le tabelle fvar, avar, STAT e gvar rimaste. I font statici sono quelli su cui di norma si testano loader, strumenti di subsetting e validatori, e una tabella di variazione orfana è una causa frequente di errori difficili da capire.

I file contengono il set di caratteri completo?

Sì, l'intero set di caratteri originale: tra 778 e 2.849 codepoint mappati a seconda della famiglia, che coprono latino, latino esteso, greco e cirillico. Non c'è alcun subsetting, quindi sono utili anche per verificare che la tua pipeline di subsetting riduca davvero il file.

Questi file WOFF2 sono sicuri da scaricare?

Sì. Ogni file è generato da zero dal nostro script open source (niente è copiato da altri siti o caricato dagli utenti) e non contiene script, macro né eseguibili. Lo SHA-256 di ogni file è pubblicato in questa pagina, così puoi verificare ciò che hai ricevuto.

Posso usare i file WOFF2 di esempio per scopi commerciali?

Sì. Sono gratuiti per qualsiasi scopo, inclusi prodotti commerciali, suite di test, demo e ridistribuzione, senza obbligo di attribuzione. Non c'è nessuna licenza da acquistare e nessuno a cui chiedere il permesso.

Posso fare hotlink a questi file o usarli nella CI?

Sì. Ogni link è un URL diretto e stabile via HTTPS con Access-Control-Allow-Origin: * e header di cache lunghi, così curl, wget, fetch() e i test runner possono scaricarli direttamente. Ogni pagina rimanda a un indice JSON di tutti i file (vedi la sezione sulla riga di comando).

File di esempio correlati

Strumenti gratuiti che funzionano con WOFF2

  • Generatore di favicon — Trasforma qualsiasi logo in un pacchetto favicon completo (favicon.ico, tutte le dimensioni PNG, Apple touch icon e webmanifest) con un clic.
  • Generatore di file di prova — Genera nel browser un file fittizio di qualsiasi dimensione esatta, da 1 KB a 2 GB: byte casuali, testo, CSV o JSON.

Hai trovato un problema o qualcosa che potrebbe andare meglio? Leggiamo ogni messaggio e sistemiamo le cose in fretta.

Stai testando una pipeline di file? Le costruiamo noi.

Caricamenti, conversioni, anteprime, elaborazione di documenti e flussi multimediali sono il tipo di sistemi di produzione che FreeToolsForWeb progetta e gestisce per i clienti: è per questo che avevamo bisogno di questi file.

Scopri gli strumenti gratuiti