“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.