svg2all

Generatore @font-face

Scrive la regola @font-face per un file di font – famiglia, peso, stile e unicode-range letti dal font.

Funziona nel tuo browser – il file non viene caricato

Caricamento dello strumento …

Domande frequenti

Il mio file viene caricato?

No. La conversione avviene interamente nel tuo browser. Il file non lascia mai il tuo dispositivo – non c'è alcun server che possa vederlo. Una volta caricata la pagina, lo strumento funziona persino offline.

Da dove vengono famiglia, peso e stile?

Dal font stesso: il nome di famiglia dalla tabella dei nomi (la famiglia tipografica se presente), il peso dalla classe di peso OS/2 (400 = normale, 700 = grassetto), lo stile dai flag corsivo e obliquo, la larghezza dalla classe di larghezza. La riga src usa il nome del tuo file e la parola chiave format() corretta – woff2, woff, truetype o opentype.

Devo incorporare il font in base64?

Di solito no. Un data URL evita una richiesta, ma rende il CSS un terzo più grande del font, blocca il rendering finché l'intero foglio di stile non è arrivato e non può essere memorizzato nella cache separatamente. Incorporare ha senso per una demo in un solo file o un modello e-mail, non per un sito normale.

A cosa serve unicode-range?

Elenca esattamente i caratteri contenuti nel font. I browser scaricano il font solo se la pagina usa davvero uno di essi – con un subset per ogni sistema di scrittura servi solo la parte che serve a una pagina. Il valore viene letto dalla mappa dei caratteri del font, quindi è sempre esatto per questo file.