Anteprima di Google Fonts, personalizza dimensione, spessore, spaziatura e confronta font affiancati
Strumenti per sviluppatori
Informazioni sullo strumento
L'Anteprima Font ti permette di visualizzare e confrontare oltre 50 Google Fonts, con controllo completo su dimensione, spessore, stile, spaziatura e colore. Offre tre modalità di visualizzazione — anteprima, specimen e confronto — e genera codice CSS pronto all'uso con copia in un clic.
Funzionalità principali
- Oltre 50 Google Fonts popolari con ricerca e filtro
- Tre modalità di visualizzazione: anteprima, specimen e confronto
- Controllo tipografico completo: dimensione, spessore (100–900), stile, spaziatura lettere, interlinea
- Colori di testo e sfondo personalizzabili con input esadecimali
- Testo di anteprima modificabile per testare l'effetto in tempo reale
- Output CSS copiabile negli appunti con un clic
Casi d'uso
- Scegliere il Google Font giusto per progetti di web design
- Confrontare due font affiancati prima di decidere
- Generare dichiarazioni CSS font per fogli di stile
- Testare la leggibilità dei font a diverse dimensioni e spessori
- Esplorare il set completo di caratteri di un font tramite la vista specimen
fonts
google-fonts
typography
Domande frequenti
Quali font sono disponibili nell'Anteprima Font?
Lo strumento include oltre 50 Google Fonts popolari come Roboto, Inter, Poppins, Playfair Display, Montserrat e altri. Puoi cercare e filtrare l'elenco dei font per trovare quello ideale.
Posso confrontare due font affiancati?
Sì, la scheda confronto ti permette di vedere due font affiancati, ciascuno con controlli indipendenti di dimensione e spessore, facilitando la scelta tra font simili.
Come ottengo il codice CSS del font?
La scheda anteprima mostra la dichiarazione CSS completa per le impostazioni correnti. Clicca il pulsante «Copia CSS» per copiarla immediatamente negli appunti.
L'Anteprima Font funziona offline?
Lo strumento stesso viene eseguito nel browser, ma i Google Fonts vengono caricati da CDN, quindi è necessaria una connessione Internet per il rendering dei font.
Posso personalizzare il testo di anteprima?
Sì, l'area di anteprima è modificabile — cliccaci sopra per inserire il tuo testo e vedere come appare nel font selezionato.