Abbraccia il tuo sito web con questi 12 bellissimi caratteri web di Google

Negli ultimi dieci anni, ho iniziato una serie di blog personali 10 Primi passi essenziali all'avvio di un blog Wordpress 10 Primi passi essenziali all'avvio di un blog Wordpress Avendo creato alcuni blog, mi piacerebbe pensare di avere un buon blog sistema giù per quei primi passi essenziali, e spero che possa essere utile anche a te. Seguendo ... Leggi di più che non ho mai veramente seguito, ma alcuni dei miei ricordi più cari riposano sul tema del design e sulle modifiche dei font. C'è qualcosa di soddisfacente quando trovi quel perfetto abbinamento di caratteri per il tuo sito web e tutto si sistema. Per fortuna, con Google Web Fonts, l'intero processo non è mai stato così semplice.

Quali sono i tipi di carattere Web di Google che dovresti utilizzare? Bene, puoi utilizzare tutti i tipi di carattere nella directory di Google Web Fonts, che al momento ospita oltre 600 tipi di carattere diversi e questo numero continua a crescere. Ma alcuni tipi di carattere sono stati dimostrati, più e più volte, come più gradevoli alla vista e più facili da leggere rispetto ad altri. Continua a leggere per scoprire quali sono questi caratteri.

Nota: L'apprezzamento dei caratteri è sempre una questione soggettiva, ma la popolarità di questi caratteri suggerisce che hanno una bella qualità su di loro. Le considerazioni sui font per questa lista sono state fatte nel contesto di corpi di paragrafi, non di intestazioni, arte o progettazione grafica.

Che cos'è Google Web Fonts?

Google Web Fonts è una raccolta centralizzata di diversi tipi di carattere che puoi incorporare nei tuoi siti web. Per un po ', i caratteri del sito Web erano limitati a qualsiasi cosa si trovasse sul computer del visualizzatore - se non avessero il carattere specificato, vedrebbero il tuo sito web solo nel carattere predefinito del browser. Con Google Web Fonts, gli spettatori possono vedere il font del tuo sito web anche se non ce l'hanno, e questo apre molte porte in termini di design.

Se usi WordPress, alcuni temi (specialmente quelli più recenti) sono dotati del supporto per Google Web Fonts nelle opzioni del tema. Per altri progetti web, James ha scritto un'ottima guida su come utilizzare i caratteri web di Google Come utilizzare i caratteri di Google nel tuo prossimo progetto web e perché dovresti usare i font di Google nel tuo prossimo progetto web e perché dovresti scegliere il font una decisione progettuale integrale su qualsiasi sito Web, tuttavia la maggior parte delle volte ci accontentiamo della stessa vecchia famiglia serif e sans-serif. Mentre il corpo principale del testo dovrebbe sempre essere qualcosa ... Leggi di più per il tuo sito web. Se si dispone di qualsiasi tipo di esperienza di gestione del web, questo processo dovrebbe essere facile come torta per voi.

Google Web Fonts può essere utilizzato anche in altri modi, ad esempio tramite l'estensione di Font Changer Chrome Font Changer con Google Web Fonts: Cambia facilmente il font di qualsiasi sito web [Chrome] Font Changer con Google Web Fonts: cambia facilmente il font di qualsiasi sito web [Chrome] Ulteriori informazioni. Se un determinato sito Web non ti sembra molto buono o addirittura offende il tuo senso degli standard grafici, puoi utilizzare Google Web Fonts per modificare manualmente l'aspetto del sito web. Quant'è fico?

Font Serif

I caratteri Serif sono quelli che hanno piccole zecche, tratti o piedi alla fine di lettere e simboli. Pensa al tipo di carattere che potresti trovare in un libro stampato, un giornale, una tesi di laurea, ecc. Nel complesso, sono più formali dei caratteri sans-serif (che sono trattati nella seconda parte di questo articolo) e sono generalmente considerati più facili da leggere, anche se è discutibile.

Droid Serif: Non puoi parlare di caratteri serif moderni senza immergerti nel territorio dei Droid. La famiglia di font Droid è stata progettata per l'uso su piccoli schermi mobili, in particolare sulla piattaforma Android, ma il carattere ha guadagnato popolarità e ora è utilizzato dappertutto.

PT Serif: Sebbene sia in circolazione da alcuni anni, la famiglia di caratteri PT è nuova per me - e mi piace. Ora lo uso per quasi tutti i miei editor di testo, sia che si tratti di Microsoft Word, Scrivener o di editing di blog. È elegante e moderno con le sue serif di gusto.

lora: Lora è forse il mio secondo font preferito di serif, accanto a PT Serif. Ha il giusto equilibrio tra dritto e tondo, prestito per una facile lettura e un'estetica piacevole. Questo è il font che uso quando leggo gli ebook sul mio computer EPubReader: leggi i libri .EPUB gratuitamente all'interno del browser [Firefox] EPubReader: leggi i libri .EPUB gratuitamente all'interno del browser [Firefox] La popolarità dell'ebook è salita alle stelle in passato pochi anni e non sembra che rallenterà in qualsiasi momento presto. Prima il Kindle, poi il Nook, poi le app per smartphone come Aldiko e Mantano - ci sono ... Leggi altro .

Judson: Judson fa una bella pausa quando hai bisogno di un bel font serif ma non vuoi ricorrere a quelli più popolari, come quelli sopra elencati. Una ragione per cui non viene usata più spesso è perché manca uno stile che ha sia il grassetto che il corsivo.

Merriweather: Recentemente ho visto Merriweather usato sul blog di un prolifico scrittore e mi sono innamorato. Con la giusta crenatura e spaziatura, Merriweather diventa super facile per gli occhi e facilita la lettura veloce, che è grande per i blog e i contenuti web.

Vollkorn: Questo è il font che mi ha indirizzato su Google Web Fonts in primo luogo. È bello guardare nella gamma di dimensioni dei caratteri più piccoli, ma i difetti diventano più evidenti a dimensioni più grandi. Tuttavia, è fantastico e vale la pena provare.

Caratteri Sans-Serif

Se i caratteri serif sono quelli con zecche e piedi su lettere e simboli, i caratteri sans-serif sono quelli senza zecche e zampe. Alcune persone descrivono i caratteri sans-serif come “addetto alle pulizie” e “moderno” e sono spesso visti come meno formali dei caratteri serif, anche se questo sta diventando meno vero ogni anno. Il nome deriva dalla parola francese per “senza” - sans - quindi ogni volta che vedi un carattere etichettato come “sans,” sai che è la versione pulita di quel tipo di carattere.

Droid Sans: Droid Sans è nella stessa famiglia di font di Droid Serif, ma Droid Sans è molto più popolare per un semplice motivo: le app mobili hanno maggiori probabilità di utilizzare i caratteri sans-serif rispetto ai caratteri serif. Tuttavia, la sua popolarità è traboccata sul Web e probabilmente hai visto questo tipo di carattere più di quanto pensi di avere.

PT Sans: PT Sans è un font sans-serif pulito che è in realtà un po 'più stretto dei tradizionali font sans-serif. È una meravigliosa miscela di linee nitide e curve morbide, che si traduce in un font che sembra sterile ma artisticamente così.

Apri Sans: Dall'altra parte di PT Sans, hai Open Sans che è un po 'più ampio dei tradizionali font sans-serif. Pensa a Verdana, ad eccezione di più moderno. Non è la mia tazza di tè, ma prevedo che Open Sans vedrà più uso nei prossimi anni.

Lato: Lato può sembrare un po 'angusto quando la dimensione del font viene abbassata troppo, ma con le tecniche CSS e di progettazione corrette, Lato può essere più bello della maggior parte dei font sans-serif. Tuttavia, la crenatura e l'interlinea sono fondamentali.

Roboto: Roboto è uno dei miei font preferiti per le intestazioni, ma funziona altrettanto bene nel corpo di un paragrafo. È pulito, non troppo alto, non troppo corto, non troppo largo e non troppo stretto. È un font sans-serif di facile lettura con un tocco futuristico sottile, che è appropriato dato il suo nome.

Cabina: Come Lato, la cabina può soffrire con dimensioni di font più piccole sentendosi un po 'angusta e tagliente quando le lettere sono troppo vicine tra loro, ma il corretto design CSS può risolverlo facilmente. È un bel font che a volte mi ricorda una versione più moderna di Century Gothic.

Conclusione

I tuoi siti Web non devono più rimanere bloccati utilizzando gli stessi caratteri sans-serif Arial-Helvetica-Verdana e i caratteri serif Times-Georgia-Palatino. Abbellisci i tuoi progetti con una fitta iniezione di Google Web Fonts e fai il passo successivo per rivoluzionare l'aspetto del tuo sito web. Non solo distinguerai meglio il tuo sito web dagli altri, ma anche i tuoi lettori ti ringrazieranno.

Cosa pensi? Quali sono i tuoi preferiti Web di Google? Li usi per il tuo sito? Per favore condividi i tuoi pensieri con noi nei commenti.

Scopri di più su: caratteri, Google, tipografia, web design, sviluppo web.