Alcuni Font popolari e le migliori combinazioni utilizzati dai siti web

Utilizzare un carattere eccezionale per il tuo sito Web è molto importante in termini di design, coinvolgimento degli utenti e anche conversioni. Un buon carattere consente agli utenti di trascorrere più tempo sul tuo sito e quindi aumenta le possibilità che si convertano e acquistino la tua offerta. Potresti rimanere sopraffatto guardando il numero di caratteri disponibili online.

Con queste risorse combinate con la mia esperienza di progettazione, ho preparato un elenco dei caratteri più popolari ma migliori per l’utilizzo sul web. Google Fonts è il repository di caratteri più popolare per l’utilizzo sul Web. Ci sono oltre 915 caratteri su Google Fonts al momento della stesura di questo post. Secondo Google Fonts Analytics, di seguito sono riportati i 10 caratteri più popolari.

1. Roboto
2. Open Sans
3. Lato
4. Oswald
5. Slabo 27px/13px
6. Source Sans Pro
7. Montserrat
8. Raleway
9. PT Sans
10. Lora

Non si può concludere che i caratteri sopra indicati siano i migliori. Perché hai molte altre opzioni come Typekit e anche altri caratteri sicuri per il web. Tuttavia, se stai cercando i caratteri Google, utilizza uno qualsiasi dei seguenti

È sempre bene utilizzare caratteri popolari e familiari al tuo pubblico. Perché le persone si fidano di ciò che è loro familiare; dal punto di vista evolutivo. Ecco i 21 migliori caratteri che abbiamo selezionato in base alla nostra vasta ricerca sulla tipografia:

1. Roboto

Il carattere Roboto è stato introdotto per la prima volta nel 2011 ed è stato progettato da Christian Robertson. Viene fornito con 12 stili. Roboto è una famiglia san serif e si abbina bene a Montserrat. È stato rilasciato per la prima volta nel 2011 per Android 4.0, è il carattere predefinito utilizzato nei servizi Android e Google, comprese le ricerche di Google. Troverai questo carattere su YouTube, ASUS e Vice. Roboto è ampiamente utilizzato in Photoshop, Illustrator e Sketch e la sua versione ridotta “Roboto Condensed” è utilizzata nella maggior parte dei dispositivi indossabili Android. Altre famiglie Roboto sono Roboto Slab e Roboto Mono.

2. Open Sans

È un carattere tipografico san serif disegnato da Steve Matteson. È simile a Nunito Sans, Source Sans e si abbina bene a Montserrat, Alegreya e PT Sans. Ha un’eccellente leggibilità ed è ampiamente utilizzato per la stampa e gli annunci web di Google. Creativebloq, un noto blog di arte e design, utilizza questo carattere. Viene fornito con un’ampia libreria di caratteri che rende le sue lettere incredibilmente forti. Un’altra particolarità di questo carattere è che si sposa bene con lo sfondo nero come la pece. Molti dei blog incentrati sul design con sfondo nero vanno con Open Sans.

3. Georgia

Georgia è un carattere serif suggerito da Tom Rickner e progettato da Matthew Carter con l’intenzione di utilizzarlo con schermi a bassa risoluzione dove ogni pixel è importante. Questo carattere è molto simile a Baskerville e si abbina bene con Proxima Nova, Helvetica Neue, Brandon Grotesque e Arial. La più grande piattaforma di domande e risposte al mondo, Quora, e la rete americana di trasmissione e streaming CBS utilizzano la Georgia. Inoltre, il New York Times e l’Huff Post, che sono i due grandi blog di notizie americani, utilizzano la Georgia. Georgia è un carattere compatibile con lo schermo preinstallato su computer Windows e MAC ed è utile per la stampa.

4. Merriweather

Rientra nel carattere tipografico Sans serif progettato da Eben Sorkin. Viene fornito totalmente con 8 stili diversi. Merriweather è simile a FF Tisa e Chapparal e si abbina bene a Montserrat e Merriweather sans. Una cosa grandiosa di questo carattere è che è altamente leggibile anche a piccole dimensioni e fornisce una fantastica sensazione geometrica. BoredPanda, una comunità online di arte e design creativo, Coursera, una piattaforma di corsi e Harvard.edu, un’università educativa, utilizzano Merriweather.

5. Lato

Lato rientra nella categoria san serif con un totale di 10 stili diversi. È stato progettato da Lukasz Dziedzic ed è simile a Freight Sans, Today Sans. Si accoppia con Merriweather, Firra Sans, Cardo e Yellowtail. In precedenza utilizzavo Lato sul mio blog e mi sono stufato di questo carattere e l’ho cambiato in Open Sans. Siti come Goodreads e Convince and Convert utilizzano il carattere Lato sul proprio sito web.

6. Helvetica

Questo carattere san serif è stato progettato nel 1957 dal designer svizzero di caratteri Max Meidinger. Facebook, Pinterest, Tumblr, Apple e Mashable utilizzano Helvetica nei loro blog. Helvetica è un carattere molto rigido e coerente e le sue forme delle lettere non sono facilmente distinguibili rispetto ad altri caratteri tipografici. Helvetica è anche popolare come Neue Haas Grotesk. Presenta una spaziatura ridotta tra i caratteri e una maggiore altezza x che rende questo carattere più facile da leggere sotto forma di testo lungo.

7. Proxima Nova

Proxima Nova è un carattere san serif disegnato da Mark Simonson. Gotham e Montserrat sono simili a Proxima Nova. A causa del loro aspetto geometrico simile, molti utenti di Gotham sono passati a Proxima Nova. Si abbina bene con Skolar. Sebbene sia un carattere tipografico costoso, offre una leggibilità straordinaria. In minuscolo ha un aspetto amichevole. Questo è diventato il carattere tipografico principale di molte grandi piattaforme di marketing online come Buzzfeed, CNET, IGN e Psychology Today.

8. Caslon Pro

Questo carattere serif fluido e di facile lettura è stato progettato da William Caslon. Ha un buon abbinamento con P22 Underground ed è simile a Baskerville ed Ehrhardt. Il New Yorker utilizza Caslon per il corpo del testo ed è uno dei due caratteri tipografici ufficiali dell’Università della Virginia. Questo carattere dall’aspetto elegante è ampiamente utilizzato nel mondo accademico per libri di testo, giornali, riviste, enciclopedie e articoli. È un buon carattere per il corpo del testo.

9. FF Tisa

Tisa, un carattere serif disegnato da Mitja Miklavcic. Questa è la migliore alternativa per coloro che odiano Arial e Helvetica. Tisa viene fornita con 14 pesi che vanno dal sottile al nero compreso il corsivo. Le aree principali in cui Tisa è ampiamente utilizzato sono: pubblicità, packaging, editing di libri, editoria, branding di loghi, poster e cartelloni pubblicitari e anche in altri campi creativi. Tisa è un ricco carattere tipografico che fornisce supporto avanzato per funzionalità quali legature, maiuscoletto, caratteri alternativi, forme con distinzione tra maiuscole e minuscole, frazioni e caratteri in apice e pedice.

10. Garamond

Garamond è un gruppo di molti dei vecchi caratteri serif disegnati da Claude Garamond. È un carattere molto popolare, elegante e facile da leggere. Pertanto viene utilizzato in molte applicazioni, esclusa la copia web poiché sembra un po’ complessa. Fa un buon abbinamento con Oswald ed è molto simile a Sabon e Minion. È utilizzato nei libri del Dr. Seuss e nella serie di Harry Potter.

11. Slabo 27px/13px

Questo carattere serif è stato progettato da John Hudson di Tiro Typeworks. Viene fornito con una scelta molto soggettiva di 2 stili. La particolarità di questo carattere è che può essere utilizzato in qualsiasi dimensione desiderata. Se vuoi che il tuo testo sia molto chiaro, puoi scegliere questo carattere poiché è leggermente condensato e fornisce titoli di facile lettura. Slabo 27px sembra superbo se abbinato a Oswald.

12. Source Sans Pro

Questo carattere San Serif è stato progettato da Paul D. Hunt per Adobe ed è stato il primo carattere open source di Adobe. Viene fornito con 12 stili diversi e si abbina bene con Playfair Display. Fa parte dell’editor di codice basato su WebKit, Brackets. Supporta 6 grammature diverse: light, book, normal, semi-bold, bold e ultra-bold. Ognuno di questi viene fornito con normale e corsivo.

13. Verdana

Verdana è uno stile di carattere San Serif progettato da Matthew Carter e supporta 4 stili diversi. Ha un buon abbinamento con la Georgia ed è simile a PT SansGesta. È stato rilasciato nel 1996 e Microsoft ha incluso questo carattere per il suo sistema operativo Windows ed è stato utilizzato anche su MAC. Nella prima metà degli anni 2000 aveva acquisito estrema popolarità sul Web come carattere di sistema predefinito. Ora Facebook usa questo carattere. Uno svantaggio di questo carattere è che aggiunge spazi aggiuntivi tra le lettere e quindi non è consigliabile utilizzarlo nella stampa poiché potrebbe rallentare la leggibilità degli utenti.

14. PT Sans

PT sans è un carattere tipografico San serif più stretto e piccolo con altezza x progettato da Alexandra Korolkova, Olga Umpeleva e Vladimir Yefimov. PT Sans supporta 8 stili inclusi 2 stili stretti: normale e grassetto per i documenti e 2 stili di didascalia: normale e grassetto per il testo. Insieme a PT Sans, abbiamo PT serif e PT mono. PT Serif offre 32 stili e questi caratteri ci forniscono disegni regolari, corsivo, grassetto e corsivo grassetto. PT Sans è più adatto all’uso nei titoli ed è popolare come carattere universale e facile da usare.

15. Pluto Sans

Hannes von Dohren ha progettato questo carattere San Serif basato sull’architettura Plutone. È un carattere un po’ complesso che presenta una tipografia professionale. Questo carattere di tipo aperto ha un set di caratteri esteso per supportare le lingue dell’Europa orientale, centrale e occidentale. È simile a Hurme Geometric Sans e Intro, si abbina bene con FF Tisa. È un ottimo font da utilizzare per loghi, riviste, video, confezioni di prodotti, intestazioni di siti Web, design di abbigliamento e molto altro.

16. Lora

Questo font Serif è disponibile in 4 stili diversi ed è stato progettato da Cyreal. Funziona bene sul tuo schermo e puoi usarlo anche per la stampa. Si abbina bene con Open Sans, Montserrat, Aktiv Grotesk, Circular, Santis, Lato, Proxima Nova, Gotham Rounded, Noto Serif e Texta. PopSugar, una piattaforma mediatica e tecnologica americana, utilizza questo carattere. È ben ottimizzato per gli schermi e funziona bene nella stampa. La sua tipografia e l’aspetto memorabile con curve spazzolate lo rendono adatto all’uso per narrazioni e saggi.

17. Noto Sans

Questo carattere tipografico San Serif è dotato di 14 stili ed è un buon abbinamento se utilizzato con Lora. Noto è una delle migliori famiglie di caratteri open source per tutte le lingue del mondo e rende il Web straordinario con il suo supporto per tutte le lingue. Si abbina bene con Lato, Gilroy, Museo Slab, Montserrat, Noto Serif, Roboto e DIN. Reddit utilizza questo stile di carattere. Per ora, Noto Sans è presente in più di 1.800.000 siti web.

18. Montserrat

Questo carattere San Serif è stato progettato dalla designer argentina Julieta Ulanovsky ed è disponibile in tre varianti. Viene fornito con il maggior numero di stili, ovvero 36 stili. È un buon abbinamento se usato con Foro. Montserrat è l’alternativa gratuita più vicina a Gotham e Proxima Nova. Il set di caratteri di Montserrat è più ampio di Arial o Helvetica. Il minuscolo Montserrat sembra molto carino con la sua buona altezza x, la sua geometria è ben strutturata con grande semplicità.

19. Raleway

Raleway, un carattere tipografico San Serif è stato progettato da Matt McInerney come un unico peso. Nel 2012 Pablo Impallari e Rodrigo Fuenzalida lo hanno ampliato. Raleway è una delle grandi famiglie di caratteri e supporta 18 stili. Raleway Dots e l’approccio punteggiato sono molto vicini tra loro. Raleway costituisce un buon abbinamento se utilizzato con Roboto Slab. Raleway Dots è un’altra grande famiglia di Raleway. Ha pochissima enfasi sul testo ed è stato realizzato principalmente per i temi WordPress.

20. Work Sans

Work Sans è stato progettato dal type designer australiano Wei Huang. Questo carattere san serif open source è disponibile in 9 stili diversi. È ben ottimizzato per l’uso sugli schermi. È abbastanza simile a Karla, acero e Tenso. Funziona alla grande se abbinato a Bitter. Questo stile è stato influenzato dalle prime grottesche. Funziona bene sia per Windows che per Mac OS.

21. Monaco

Questo carattere San Serif è stato progettato da Susan Kare e Kris Holmes. È stato originariamente rilasciato da Apple per il suo sistema operativo Mac. L’attuale Python IDLE in esecuzione con Mac OS X EI Capitan utilizza Monaco come carattere predefinito. Nel 2009, quando fu introdotto Mac OS X Snow Leopard, Monaco fu sostituito da Menlo come carattere a spaziatura fissa predefinito.

5 combinazioni di caratteri popolari

Scegliere la giusta combinazione di caratteri utilizzati nei titoli e nel corpo del testo è molto importante.

Ecco alcune delle buone combinazioni di caratteri:

1. Oswald e Open Sans : questa è un’ottima combinazione che utilizzo da molto tempo. Con Oswald come intestazione, puoi utilizzare caratteri come Open Sans, Lato, Helvetica, Roboto nel corpo del testo. Questa coppia è ottima per i siti in cui è necessario aggiungere un sapore di mascolinità.

2. Montserrat e Merriweather : questa coppia funziona benissimo per i siti Web di notizie e media, in cui è necessario utilizzare caratteri serif nel corpo.

3. Nunito e Open Sans : entrambi sono in stile sans serif, quindi se vuoi rappresentare un sito web moderno incentrato sul design, senza l’uso di caratteri condensati, potresti voler utilizzare questa combinazione

4. Alegreya e Lato: Alegreya è un font serif dall’aspetto fantastico, puoi usarlo nei titoli e Lato (sans serif) nel corpo. Dà un fantastico aspetto ibrido al tuo sito web.

5. Oswald e EB Garamond: Puoi usare Oswald nei titoli perché è abbastanza condensato. Anche in questo caso l’uso di Garamond per il corpo del testo è molto soggettivo. Se per qualsiasi motivo non ti piace Garamond, caratteri come Roboto, Open Sans, Merriweather, ecc.

Puoi utilizzare strumenti come FontPair per verificare altri abbinamenti di caratteri popolari. Sentiti libero di sperimentare!