Creativity Curiosità Tips 'n' pills

Font e web | Web Tips n’ Pills [Infografica]

Font e web | Web Tips n’ Pills [Infografica]

BriefingMilano WebTips - Font e device

“Welcome Google fonts”
Il metalinguaggio HTML, di base, pone il problema delle (poche) font: utilizzare lo stesso font su device differenti può portare a risultati imprevedibili.
Provate ad usare le fonts di Google: è semplice (e gratuito), basta inserire due semplici sezioni di codice, la prima nella sezione <head>:

<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
...

Per definire il singolo blocco di testo:

body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }

Tutte le opzioni sono visualizzabili su questa pagina: Google Fonts

“Think mobile”
Molti degli utenti visualizzano il sito tramite dispositivi differenti da un PC, in particolare smartphone.
Verificate i vostri contenuti con diversi browser (è possibile modificare lo user-agent) per comprendere il risultato finale anche su display ridotti (e in verticale).
Diversi strumenti, tra cui ShrinkTheWeb permettono la preview in varie risoluzioni e formati oltre ad includere un elenco dei più recenti e diffusi device.