Scopri e visualizza splendidi abbinamenti di Google Fonts, con testo di esempio in tempo reale e copia delle regole CSS con un clic
Strumenti CSS
Informazioni su questo strumento
Lo strumento Abbinamento Font CSS ti aiuta a trovare la combinazione perfetta di font per titoli e corpo del testo tra 16 abbinamenti curati di Google Fonts. Filtra per categoria, visualizza l'anteprima del testo in tempo reale, regola le dimensioni dei font e copia il codice CSS pronto all'uso con le dichiarazioni @import.
Caratteristiche principali
- 16 abbinamenti curati di Google Fonts per titoli e corpo del testo
- Filtro per categoria: Tutti, sans-serif, serif, monospace, display
- Anteprima in tempo reale con testo di esempio personalizzato per titoli e corpo
- Dimensioni dei font regolabili per titoli e corpo del testo
- Genera codice CSS con dichiarazioni @import
- Copia il codice CSS dell'abbinamento font con un clic
Casi d'uso
- Scegliere la tipografia per nuovi siti web e landing page
- Trovare font complementari per layout di blog ed editoriali
- Prototipare combinazioni di font prima di finalizzare il sistema di design
- Generare CSS tipografico coerente per sistemi di design
- Esplorare rapidamente abbinamenti di font serif, sans-serif e display
fonts
typography
css
google-fonts
Domande frequenti
Cos'è lo strumento Abbinamento Font CSS?
Lo strumento Abbinamento Font CSS è uno strumento CSS online che ti aiuta a scoprire e visualizzare abbinamenti curati di Google Fonts, con testo di esempio in tempo reale e generazione di codice CSS con un clic. Funziona interamente nel browser e non invia dati a nessun server.
Quanti abbinamenti di font sono disponibili?
Lo strumento include 16 abbinamenti curati di Google Fonts, che coprono categorie come sans-serif, serif, monospace e display. Puoi filtrare per categoria per trovare l'abbinamento più adatto.
Posso regolare le dimensioni dei font nell'anteprima?
Sì, puoi regolare le dimensioni dei font per titoli e corpo del testo utilizzando i controlli integrati. Questo ti permette di vedere l'aspetto reale a diverse dimensioni prima di decidere l'abbinamento.
Lo strumento Abbinamento Font CSS è gratuito?
Sì, lo strumento Abbinamento Font CSS è completamente gratuito. Non ci sono costi nascosti, abbonamenti o limitazioni. Tutte le funzionalità sono disponibili per tutti.
Posso usare lo strumento Abbinamento Font CSS sul telefono?
Sì, lo strumento Abbinamento Font CSS ha un design completamente responsive e supporta tutti i dispositivi, inclusi smartphone, tablet e desktop.