Abbinamento di font di Google Fonts
Scegli un abbinamento pronto oppure un font per i titoli e un altro per il testo. Scrivi il nome della tua attività per vedere come viene e copia il codice.
Come si usaFont che stanno bene insieme
Abbinamento di font di Google Fonts: a cosa serve
Scegli una delle coppie pronte (elegante, moderno, classico, forte, delicato, dolce, editoriale, pulito o artigianale) oppure combina liberamente 28 font popolari di Google Fonts, con il peso del titolo. L’anteprima carica i font davvero e mostra il nome della tua attività e un paragrafo.
Il codice include il preconnect, il link di Google Fonts solo con i pesi usati e display=swap, e le regole CSS per titoli e testo.
Come si usa
- Scegli una coppia pronta o due font.
- Scrivi il titolo e il testo dell’anteprima.
- Copia il link e il CSS per il sito.
Quando usarlo
- Scegliere l’identità visiva di un sito.
- Provare i font prima di mostrarli al cliente.
- Abbinare titoli d’impatto a un testo leggibile.
Domande frequenti
I font di Google Fonts sono gratuiti?
Sì. I font di Google Fonts sono open source e si possono usare nei siti commerciali senza pagare.
Come scegliere due font che stanno bene insieme?
Una regola semplice è giocare sul contrasto: un font con personalità nei titoli (con grazie o decorativo) e un font senza grazie molto leggibile nel testo. Evita due font troppo simili, che sembrano un errore, e non usarne più di due.
I font rallentano il sito?
Ogni peso di font è un file in più. Carica solo i pesi che usi; il codice include già display=swap, che mostra il testo con un font di sistema mentre il font si carica, e preconnect per velocizzare la connessione.
E il GDPR?
Caricare i font direttamente da Google invia l’IP del visitatore a Google. Se preferisci evitarlo, scarica i font e ospitali sul tuo sito.