Ti­po­gra­fia nel re­spon­si­ve web design: caratteri adatti

Se cercate un font per il vostro sito web, in rete potete trovare una va­stis­si­ma offerta di font re­spon­si­ve (caratteri reattivi per il vostro sito Internet). Nella terza e ultima parte della nostra serie vi mo­stre­re­mo come rea­liz­za­re una ti­po­gra­fia reattiva sul vostro sito.

I font sono perfetti come base per la ti­po­gra­fia nel re­spon­si­ve web design, in quanto si basano su grafici vet­to­ria­li scalabili li­be­ra­men­te. Ri­chia­man­do un sito che utilizza font, i caratteri vengono scaricati da un server e in seguito inseriti nella pagina per la vi­sua­liz­za­zio­ne sul browser del vi­si­ta­to­re. I font reattivi sono adatti alle esigenze del relativo browser e del display del di­spo­si­ti­vo uti­liz­za­to. 

Diverse piat­ta­for­me internet for­ni­sco­no font re­spon­si­ve pronti per il download, in parte gratis, in parte a pagamento. Fornitori famosi di font a pagamento sono per esempio Typekit o Fon­tspring, che offrono un’ampia scelta di font famosi, tra cui molti classici. In al­ter­na­ti­va è possibile uti­liz­za­re la vasta offerta di font gratuiti. Raccolte di font gratuiti sono di­spo­ni­bi­li per esempio su Google Fonts, Adobe Edge Web Fonts, Font Squirrel, DaFont. Non tutti i caratteri di­spo­ni­bi­li su questi siti sono adatti a qualsiasi si­tua­zio­ne: alcuni sono troppo vivaci o insoliti e pertanto con­si­glia­bi­li solo in alcune occasioni; alcuni non sono dotati di lettere accentate o altri caratteri par­ti­co­la­ri (ge­ne­ral­men­te la cir­con­fe­ren­za del carattere varia di molto). È con­si­glia­bi­le pertanto che per il vostro re­spon­si­ve web design scegliate un carattere che comprenda un numero suf­fi­cien­te di caratteri. A titolo esemplare qui di seguito ri­por­tia­mo alcuni Google Fonts uti­liz­za­bi­li in modo versatile per il vostro sito.

La piat­ta­for­ma Google Fonts, lanciata nel 2010, viene uti­liz­za­ta da molti web designer come pool di caratteri per una ti­po­gra­fia reattiva. Sin dall’inizio furono offerti esclu­si­va­men­te font reattivi uti­liz­za­bi­li per scopi com­mer­cia­li e non. Avete la scelta tra oltre 700 font. Tutti i font sono sca­ri­ca­bi­li e dotati di un codice da inserire nella vostra pagina.

Per siti web adattivi esiste un’ampia gamma di caratteri a di­spo­si­zio­ne. Come web designer potete uti­liz­za­re font gratuiti da Google Fonts, Adobe Edge Web Fonts, Font Squirrel e altri. Dovreste però sapere che proprio i caratteri più popolari come “Open Sans”, “Roboto” o “Lato” sono quelli più uti­liz­za­ti sul web. Un carattere per­so­na­liz­za­to e unico (so­prat­tut­to specifico per una sola azienda) non sono di­spo­ni­bi­li gra­tui­ta­men­te. I font gratuiti vi danno una grande libertà nell’ambito del re­spon­si­ve web design. Inoltre l’in­se­ri­men­to nei siti è piuttosto veloce e in tal modo i vostri vi­si­ta­to­ri potranno godere dei vantaggi dei font reattivi in po­chis­si­mo tempo. Come mettere in pratica tutto quello che vi abbiamo mostrato nella parte uno e due sulla ti­po­gra­fia nel re­spon­si­ve web design, ve lo spie­ghia­mo nella terza parte della nostra serie.