Generatore di caratteri Web

Crea pacchetti di file di font con CSS pronti all'uso e una pagina di anteprima HTML.

Spazio di lavoro interattivoLe modifiche rimangono su questo dispositivo
File di caratteri
Nome della famiglia di caratteri CSS
Contenuto del pacchetto
    I caratteri selezionati vengono visualizzati qui.

    Il kit include file di font pronti per il browser, CSS @font-face, un'anteprima e note di configurazione.

    Privato per impostazione predefinitaI tuoi input e file vengono elaborati su questo dispositivo.
    Gratuito e immediatoNon è richiesta alcuna installazione di account, coda o software.
    Pronto per l'usoCopia o scarica i risultati non appena vengono generati.

    Come usare Generatore di caratteri Web

    Ottieni un risultato affidabile in tre semplici passaggi.

    1. 01

      Scegli i file dei caratteri

      Aggiungi uno o più file di caratteri compatibili con il browser con licenza.

    2. 02

      Imposta il cognome

      Utilizza il nome CSS che dovrebbe apparire in tutti i tuoi fogli di stile.

    3. 03

      Scarica il kit

      Ricevi un ZIP con caratteri, CSS @font-face, anteprima HTML e note di configurazione.

    Costruito per il lavoro quotidiano

    Utile senza il lavoro frenetico

    Controlli mirati, feedback immediato e nessun rapporto tra te e il risultato.

    Struttura completa delle cartelle

    Gli URL generati corrispondono alla directory dei caratteri inclusa.

    Pesi multipli

    Crea un pacchetto di una famiglia di file di caratteri in un unico kit distribuibile.

    Pagina di anteprima

    Apri il file HTML incluso per verificare il caricamento e campionare i glifi.

    Guida pratica

    Cos'è Generatore di caratteri Web?

    Un kit webfont combina file di font caricabili dal browser con CSS @font-face che nomina la famiglia, il formato sorgente, lo stile, il peso e il comportamento di caricamento. Mantenere insieme questi pezzi impedisce che gli URL dei caratteri non funzionino durante la distribuzione.

    Questo generatore racchiude i file TTF, OTF, WOFF e WOFF2 esistenti; non altera i contorni dei glifi né crea formati convertiti. WOFF2 è solitamente il miglior formato di consegna quando disponi già di una copia con licenza.

    Applicazioni pratiche

    Quando utilizzare questo strumento

    Modi comuni Generatore di caratteri Web si inserisce in progetti reali e attività quotidiane.

    1

    Tipografia self-hosted

    Distribuisci i caratteri del marchio senza fare affidamento su una CDN di terze parti.

    2

    Sistemi di progettazione

    Crea un pacchetto iniziale coerente per i team applicativi.

    3

    Controllo qualità dei caratteri

    Visualizza l'anteprima dei file e conferma la configurazione della famiglia.

    4

    Progetti offline

    Risorse di tipo bundle per interfacce locali e documentazione.

    Risposte utili

    Domande frequenti

    Risposte rapide su generatore di caratteri web e come funziona questa pagina.

    Questo converte TTF in WOFF2?

    No. Contiene i file compatibili con il browser forniti con CSS e un'anteprima.

    Qual è il formato migliore per i siti web?

    WOFF2 offre generalmente la migliore compressione web moderna, con altri formati utilizzati in base alle esigenze di compatibilità.

    Posso includere più pesi?

    Sì. Ai file vengono assegnati valori di peso progressivi nel CSS iniziale, che puoi modificare per adattarli alla famiglia effettiva.

    Ogni carattere può essere ospitato autonomamente?

    No. Controlla la licenza del carattere prima di distribuirlo o incorporarlo.