Google Font: 10 combinazioni che funzionano

Pubblicato 19 marzo 2019 · 3 min di lettura

tipografiafontgoogle

Work Sans e Roboto

Questi due caratteri vanno d'accordo meravigliosamente. Work Sans è un font appositamente creato per essere utilizzato nelle taglie grandi e medie. E mentre la sua ampia spaziatura tra le lettere lo rende inadatto come un carattere del corpo, è perfetto per le intestazioni. Nel frattempo, Roboto è stato progettato per sembrare naturale e leggibile. È un carattere estremamente popolare e pratico, e si abbina bene con l'aspetto accattivante ma elegante di Work Sans.

Source Serif 4 e Source Sans 3

Cerchi qualcosa di un po' più sofisticato? Questi due caratteri sono stati creati nello stesso progetto per completarsi a vicenda. Source Serif 4 aggiungerà un tocco di stile alle tue intestazioni, mentre Source Sans 3, creato con l'interfaccia utente in mente, offre un'esperienza semplificata e di facile lettura.

Playfair Display e Montserrat

Playfair Display è stato realizzato con caratteri tipografici tradizionali del tardo secolo XVIII. Come font di visualizzazione sembra migliore nelle tue intestazioni, dove aggiungerà un look elegante e senza tempo al tuo sito web. E unito al carattere del corpo di Montserrat, ispirato ai segni del primo Novecento a Buenos Aires, otterrai una combinazione sorprendentemente sinergica.

Poppins e Raleway

Poppins è un font geometrico piacevole basato su cerchi e curve. Funziona bene come carattere di intestazione e corpo a causa del suo design versatile e bello. Raleway, nel frattempo, è in realtà progettato come un font di grandi dimensioni. Nonostante ciò, funziona molto bene come font per il corpo con Poppins. Provalo: è una combinazione improbabile che funziona.

Libre Baskerville e Lato

Questi due caratteri funzionano insieme perché contrastano bene. Libre Baskerville è un carattere serif alto ed elegante, mentre Lato è sans serif, moderno, e progettato per emanare una sensazione calda e amichevole. Entrambi daranno molta personalità al tuo sito.

Merriweather e Open Sans

Il sempre popolare Open Sans si abbina in modo fantastico con un Merriweather piacevole e amichevole. L'aspetto ampio e audace di quest'ultimo lo rende un ottimo carattere di intestazione, mentre il design semplice e neutro di Open Sans renderà facile la lettura di lunghi passaggi sugli occhi.

Space Mono e Mulish

I caratteri monospaziali sono in qualche modo impopolari a causa della loro illeggibilità nel testo del corpo. Tuttavia, Space Mono può creare un ottimo header, specialmente se vuoi dare al tuo sito un tocco di "tecnologia" - perfetto per uno sviluppatore web. Combinalo con il minimalista Mulish e avrai un set completo di caratteri.

Spectral e Rubik

La bellezza di Spectral e il design semplice e arrotondato di Rubik si uniscono per creare una bella combinazione. Con Spectral come font di visualizzazione, i visitatori saranno immediatamente attratti dal design leggero ed elegante e Rubik li manterrà lì con il suo aspetto liscio.

Oswald e Noto Sans

Basato su font Gothic alternativi, Oswald è alto, audace e condensato - perfettamente adatto per il testo del display. Noto Sans è stato creato appositamente per la compatibilità. Copre oltre 30 sistemi di scrittura. Se il tuo sito utilizza un alfabeto non inglese, guarda questa combo.

Ubuntu e Lora

Questo è un altro set di caratteri che funziona a causa del contrasto. Ubuntu è un versatile font sans serif che sembra particolarmente bello in una grande dimensione di intestazione, mentre Lora ha uno stile simile a quello di una calligrafia.

Di solito tali caratteri non sono adatti come testo del corpo, ma Lora è abbastanza raffinato da essere leggibile mentre emette ancora quell'aria distinta.

Combinare i migliori caratteri

Trovare i font che funzionano bene insieme è un'arte di per sé. È importante che i caratteri di intestazione e corpo siano compatibili, poiché la scelta di quelli giusti porterà a un design più armonioso.

Queste dieci combinazioni di font sono un buon punto di partenza. Con Google Fonts sono tutti gratuiti e facili da importare nel tuo sito. Usa quella che ti serve sul progetto a cui stai lavorando.

LAVORI

Questo lo scriviamo perché lo facciamo.

Hero della homepage di AVOY con ricerca e invito a prenotare in Sardegna

AVOY

NuovoUX/UISviluppo/ 02
La pagina di esla.it: "Un comunicatore gratuito per chi fa fatica a parlare — per la SLA e non solo", con il riquadro di installazione e il bottone "Installa ora"

eSLA

NuovoAppUX/UI/ 07