I migliori font web gratuiti per il 2018

I caratteri che scegli per il tuo sito Web WordPress svolgono un ruolo enorme nel design generale. Non è affatto un ripensamento. Basta cambiare tutti i titoli in Comic Sans se hai bisogno di vedere una prova! Ok, è un po' drastico. Ma, con la tipografia, anche il più piccolo cambiamento può fare una differenza significativa. Grazie al web (e in particolare a Google), ci sono un sacco di font web gratuiti là fuori per aiutarti a scegliere il migliore. Quindi, se stai cercando una piccola ispirazione o un aggiornamento dei caratteri del tuo sito attuale, ti consiglio vivamente di sfogliare l'elenco qui sotto per esplorare alcuni dei migliori caratteri web che il mondo del design ha da offrire.

I migliori font web gratuiti per il 2018

Iscriviti al nostro canale Youtube

Ecco 40 dei migliori caratteri Web disponibili nel 2018 (e sono gratuiti!)

1. Roboto

Roboto è pensato per essere un matrimonio tra forme geometriche e curve amichevoli. Crea un ritmo di lettura naturale e funziona bene come titolo, titolo o tipo di corpo. Anche la versione condensata, Roboto Condensed, è estremamente popolare.

Ottieni il carattere

2. Display Playfair

Playfair è influenzato dalla transizione della tecnologia di scrittura/stampa della fine del XVIII secolo; quando gli aculei furono sostituiti da penne d'acciaio appuntite. È anche influenzato dal carattere tipografico John Baskerville e dal carattere tipografico di William Martin per "Boydell Shakspeare". È ottimo per titoli e titoli.

Ottieni il carattere

3. Apri Sans

Progettato come un buon carattere neutro, Open Sans è molto amichevole e leggibile. Ottimo per titoli, titoli o corpo del testo.

Ottieni il carattere

4. Montserrat

Questo font è stato originariamente creato da Julieta Ulanovsky. La sua ispirazione per il design dei caratteri è venuta da tutti i bellissimi cartelli e poster che ha visto a Montserrat, un quartiere di Buenos Aires. Sembra meraviglioso su titoli brevi con lettere grandi tutte maiuscole.

Ottieni il carattere

5. Merriweather

Questo carattere serif è estremamente piacevole da leggere nel corpo del testo su tutti i tipi di schermi perché è stato creato per il web. Funziona benissimo anche per i titoli.

Ottieni il carattere

6. Lato

Lato è stato specificamente progettato per l'uso aziendale. Ha un aspetto professionale che si presta bene all'uso in varie dimensioni. I suoi dettagli semi-arrotondati gli conferiscono anche un calore che piace alle moltitudini.

Ottieni il carattere

7. Bebas Neue

Questo font sans serif "tutto maiuscolo" è estremamente popolare e considerato uno dei migliori font web gratuiti per una buona ragione. Crea display dall'aspetto sorprendente per le intestazioni del tuo sito web!

Ottieni il carattere

8. Noto Sans

Noto Sans è unico in quanto è stato creato per avere un bell'aspetto in più lingue. A causa della spaziatura orizzontale tra le lettere, ha un bell'aspetto sul corpo del testo e su pagine con molti contenuti.

Ottieni il carattere

9. Fonte Sans Pro

Source Sans Pro è stato progettato principalmente pensando alle interfacce utente. Questo sarà un ottimo carattere per il menu, ma può essere utilizzato anche per altre cose come il corpo del testo.

Ottieni il carattere

10. Osvaldo

Questo carattere sans serif è un font meraviglioso per il web perché è stato formato per adattarsi alla griglia di pixel degli schermi digitali. È un carattere stretto che non occuperà molto spazio, quindi funziona benissimo per intestazioni grandi con molto testo.

Ottieni il carattere

11. PT Sans

PT Sans fa parte di un progetto chiamato "Public Types of Russian Federation" volto a rendere uniforme la visualizzazione del testo in più lingue (simile a Noto Sans). Questo tipo di carattere è buono per molteplici scopi.

Ottieni il carattere

12. Rubik

Il font rubik è stato progettato da Philipp Hubert e Sebastian Fischer per creare un font sans serif con angoli leggermente arrotondati in cui le lettere si inseriscono perfettamente all'interno dei quadrati del cubo di Rubik. Il carattere funziona alla grande sia per i titoli che per il corpo del testo.

Ottieni il carattere

13. Nunito Sans

Questo font sans-serif è una versione non arrotondata di Nunito. È un carattere popolare per le interfacce utente e sembra ottimo per cose come dashboard, menu di ristoranti e listini prezzi.

Ottieni il carattere

14. Fira Sans

Questo popolare carattere web è stato originariamente progettato per Mozilla FirefoxOS per una chiara leggibilità su tutte le dimensioni dello schermo. Usalo come un tipo moderno per molteplici scopi.

Ottieni il carattere

15. Lavora senza problemi

Questo font sans serif è progettato come font web semplificato che ha un bell'aspetto su tutti gli schermi. Utilizzare pesi più pesanti per display di intestazione grandi e spaziosi e il peso normale per un testo del corpo di facile lettura.

Ottieni il carattere

16. Poppins

Poppins è un moderno carattere geometrico sans serif basato sul design Devanagari che evidenzia la forma geometrica del cerchio di questo bellissimo font. Sentiti libero di usare questo font sia per le intestazioni che per il corpo del testo per un design che sia molto piacevole alla vista.

Nel caso non l'avessi notato, è anche il font utilizzato nel nostro blog.

Ottieni il carattere

17. Josefin Sans

Questo carattere tipografico è una sorella di Josefin Slab (anch'esso un ottimo font). È stato progettato per essere geometricamente elegante e per aggiungere un tocco vintage. Usa la spaziatura delle lettere negativa per intestazioni più grandi e puoi mantenere la bella spaziatura delle lettere predefinita che fornisce per il tuo corpo del testo.

Ottieni il carattere

18. Ubuntu

Ubuntu è un font sans-serif creato per il web e pensato per essere un font generico. Buono per titoli, titoli, pulsanti e testo del corpo allo stesso modo.

Ottieni il carattere

19. PT Serif

PT Serif è la nuova aggiunta alla famiglia PT Sans, quindi i due funzionano bene insieme come abbinamento di caratteri. È un tipo armonioso che funziona bene per quasi tutto.

Ottieni il carattere

20. Muli

Questo font sans serif funziona alla grande per i siti Web dal design minimalista. Funziona meglio per titoli di grandi dimensioni, ma può funzionare anche per il corpo del testo.

Ottieni il carattere

21. Arvo

Arvo è un carattere tipografico serif geometrico destinato a essere un tipo "misto" adatto a molteplici scopi. Può essere utilizzato per titoli, titoli e corpo del testo.

Ottieni il carattere

22. Ossigeno

Questo font sans serif è stato creato da Vernon Adams pensando alle interfacce utente. È progettato per essere chiaro e leggibile in modo che abbia un bell'aspetto su tutte le dimensioni dello schermo. Usalo per il corpo del testo, voci di menu e pulsanti!

Ottieni il carattere

23. Raleway

Raleway è un carattere san serif elegante e sottile che è probabilmente il migliore utilizzato per titoli, sottotitoli e titoli.

Ottieni il carattere

24. Noto Serif

Come Noto Sans, Noto Serif è stato creato per avere un bell'aspetto sul Web in più lingue ed è un ottimo font multiuso che sembra bello su tutti gli schermi. Usalo anche con Noto Sans come perfetto abbinamento di caratteri.

Ottieni il carattere

25. Nunito

Nunito è un carattere sans serif leggermente arrotondato che funziona molto bene per la tipografia di grandi display. È un font popolare per le interfacce utente. L'uso del peso normale per i titoli di grandi dimensioni sembra davvero bello.

Nunito

26. Archivio

Archivo è un tipo sans serif grottesco (più vecchio) che ha una bella sensazione tecnica. Sembra particolarmente bello sul web come carattere di intestazione.

Ottieni il carattere

27. Abril Fatface

Come suggerisce il nome, Abril Fatface è un tipo "più grande". È pensato per essere un rinnovamento dei classici stili Didone. In particolare manifesti pubblicitari inglesi e francesi del XIX secolo. Questo carattere è meravigliosamente elegante ed è probabilmente il migliore per titoli e titoli.

Ottieni il carattere

28. Exo 2

Exo 2 è una nuova versione di Exo progettata da Natanael Gama. Questo carattere tipografico contemporaneo ha un aspetto tecnico e futuristico. A differenza di Exo, Exo 2 funziona benissimo anche per il corpo del testo.

Ottieni il carattere

29. Barlow

Barlow si ispira al pubblico californiano (targhe, insegne, autobus, ecc.). Il design è leggermente arrotondato e ha versioni condensate che creano grandi intestazioni senza occupare molto spazio.

Ottieni il carattere

30. Slabo 27px

Slabo 27px è un carattere tipografico unico che (come il suo carattere gemello Slabo 13px) è specificamente ottimizzato per la visualizzazione alla dimensione in pixel del suo nome. Questo lo rende un ottimo font web per titoli chiari, leggermente condensati e di facile lettura.

Ottieni il carattere

31. Aleo

Aleo è un font slab serif simile al popolare font Lato. È progettato con dettagli eleganti e semi-arrotondati che lo rendono una buona scelta per i titoli e il corpo del testo.

Ottieni il carattere

32. Sabbie mobili

Questo è un carattere tipografico display sans serif che continua ad essere una scelta popolare sul web. Ha un design geometrico che sembra ottimo per i titoli.

Ottieni il carattere

33. Cooper Hewitt

Questo carattere sans serif contemporaneo è progettato con archi geometrici unici che funzionano bene con il suo display condensato. Questo carattere ha un bell'aspetto in maiuscolo come intestazioni, ma può essere utilizzato anche per il corpo del testo normale.

Ottieni il carattere

34. Struzzo Sans

Ostrich Sans è un moderno font sans serif ottimo per titoli, loghi e titoli.

Ottieni il carattere

35. IBM Plex Sans

Questo carattere contemporaneo è stato specificamente progettato per riflettere lo spirito del marchio IBM. Ha un appeal neutro e amichevole che può essere utilizzato per molteplici scopi sul tuo sito web.

Ottieni questo carattere

36. Cormorano

Questo carattere unico è stato progettato (per lo più disegnato) da zero da Christian Thalmann. Per evidenziare le complessità del carattere tipografico, utilizza questo tipo di carattere sul tuo sito Web per visualizzazioni più grandi come le intestazioni.

Ottieni il carattere

37. Alegreya Sans

Questo font sans serif è stato originariamente progettato per la letteratura, quindi funziona davvero bene come corpo del testo grazie alla sua spaziatura armoniosa tra i paragrafi.

Ottieni il carattere

38. Libero Franklin

Questo carattere sans serif è una versione contemporanea del carattere classico, Franklin Gothic. Usalo per i titoli o il corpo del testo. Funziona molto bene se usato come testo di intestazione e abbinato a Libre Baskerville come testo del corpo.

Ottieni questo carattere

39. Libero Baskerville

Questo bellissimo carattere web è un carattere tipografico di alta qualità che sembra essere perfetto per un testo unico e leggibile. Funziona bene se abbinato a Libre Franklin.

Ottieni questo carattere

40. Lega Spartan

League Spartan è un font sans serif a peso singolo (grassetto) che funziona bene per creare titoli e intestazioni forti e belli.

Ottieni il carattere

Che dire dei caratteri di script?

Se hai trovato l'elenco privo di caratteri di script (o scrittura a mano), non ti sbagli. Ma questo non significa che non ce ne siano di fantastici gratuiti là fuori (Mali, Indie Flower, Pacifico e Dancing Script per citarne alcuni). Puoi anche dare un'occhiata a questo elenco di bellissimi caratteri di script gratuiti e premium.

Alcuni suggerimenti rapidi sull'abbinamento dei caratteri

Quando cerchi di aggiornare la tipografia del tuo sito web, è una buona idea considerare il modo in cui i diversi caratteri funzionano insieme.

Qui ci sono alcuni consigli per farti iniziare:

• Mantieni le cose semplici: non usare troppi caratteri tutti in una volta.
• Mantienilo leggibile.
• Pensa agli opposti. Ad esempio, associa un serif a un sans serif o un grassetto a thin.
• Oppure, tienilo in famiglia. Utilizzare pesi e stili di caratteri diversi nella stessa famiglia.
• Cerca di abbinare lo stato d'animo dei tuoi contenuti.
• Sperimenta e mantieni ciò che funziona.

(Per Google Fonts puoi anche utilizzare il loro strumento gratuito di abbinamento)

Per maggiori informazioni sull'abbinamento dei caratteri, consulta il nostro articolo completo su 7 principi chiave.

Pensieri finali

Spero che questo elenco di caratteri aiuti il ​​processo di ricerca del carattere perfetto per il tuo prossimo progetto. E ricorda, molti di questi caratteri avranno pesi e stili diversi che puoi modificare per creare innumerevoli design. Quindi divertiti ad esplorare!

Saluti!