Chi sono

• sviluppatore front-end

• appassionato di graphic design e tipografia 

• in prestito al Lato Oscuro della Forza

All'inizio c'erano i font web-safe 

Arial

Courier

Georgia

Verdana

Times New Roman

e anche lui...

Comic Sans

Poi sono arrivati... 

Image text replacement

(PHP, Fahrner Image Replacement, etc.)

sIFR/sIFR2/sIFR Lite

(Scalable Inman Flash Replacement)

Cufón

Facelift

typeface.js

Perché usare font non standard?

assicurare una completa 

brand identity anche sul web

Web fonts

Perché meglio

di altri metodi?

Svantaggi?

• performance

• Flash Of Unstyled Text (FOUT)

• problemi di licensing dei font per alcuni formati

@font-face

ideale quando si usano

propri web fonts personalizzati

WOFF/WOFF2

Web Open Font Format

• creato da Mozilla (ed altri)

• include metadata e licenza d'uso

• carica più velocemente rispetto ad altri formati (comprime le informazioni)

OTF/TTF

OpenType Font/TrueType Font.

• supporta funzionalità estese dei font (legature e glifi alternativi)

• i font possono essere copiati e riusati illegalmente

EOT

Embedded Open Type

• creato da Microsoft

• formato proprietario (supportato solo da Internet Explorer)

SVG/SVGZ

Scalable Vector Graphics font

• ben supportato dai browser mobile

• SVGz è la versione compressa (zipped) dei file SVG

@import 

ideale per font disponibili su

server remoti (es. Google Fonts)