Abbinamenti di font su siti web reali
Queste combinazioni di font appaiono più spesso insieme sui siti analizzati da What the Font. Ogni abbinamento è basato su dati di utilizzo reali - non solo sulla teoria del design.
Abbinamenti di font più comuni
Cosa sono le combinazioni di font?
Una combinazione di font è una selezione di due (o più) caratteri tipografici che funzionano bene insieme su un sito web. In genere un font viene usato per i titoli e un altro per il corpo del testo. Le migliori combinazioni creano gerarchia visiva mantenendo armonia - i font contrastano abbastanza per essere distinti, ma condividono abbastanza personalità per sembrare coerenti.
Da dove provengono questi dati?
Ogni combinazione in questa pagina proviene da siti web reali analizzati da What the Font. Quando più font appaiono insieme sullo stesso sito, vengono conteggiati come combinazione. Più siti usano una combinazione, più alta è la sua posizione nella classifica. Questo riflette decisioni di design reali di sviluppatori e designer.
Come scegliere una combinazione di font per il tuo progetto
Inizia scegliendo un font principale per i tuoi titoli - qualcosa di distintivo che si adatti alla personalità del tuo brand. Poi scegli un font secondario per il corpo del testo, molto leggibile a dimensioni piccole. Un approccio comune è abbinare un serif con un sans-serif, o un font display con uno neutro come Inter o Roboto. Clicca sul nome di un font per esplorarne tutti i dettagli.
Tutti i font provengono da Google Fonts
Ogni font in queste combinazioni è disponibile su Google Fonts - una libreria gratuita e open source utilizzabile su qualsiasi sito. Aggiungi semplicemente un import CSS per ogni font desiderato e inizia subito a usarlo. Nessuna tariffa di licenza, nessun abbonamento. Clicca sul nome di un font per vedere la sua pagina Google Fonts e copiare il codice di importazione.
Stai analizzando un sito web?
Se vuoi identificare i font su un sito web invece che in un'immagine statica, usa il nostro strumento di controllo per URL. Incolla qualsiasi URL ed estraiamo tutti i font utilizzati.