Web fonts nei CSS anche su IE

Mercoledì 5 Novembre 2008 - 10:35

di Cesare Lamanna

CSS

Come molti di voi sanno, le versioni 3 di Safari e 3.1 beta di Firefox consentono già ora di incorporare font esterni nei CSS attraverso la direttiva @font-face. A parte le complicatissime questioni legate alla protezione e licenza dei font, uno degli ostacoli per il decollo di questo metodo è ovviamente rappresentato dall’incompatibilità nel formato di font supportano tra browser come Safari o Firefox e Internet Explorer. Il browser di Microsoft, infatti, non supporta i font OpenType, ma il formato EOT (Embedded Open Type). Una soluzione per ottenere l’agognato supporto cross-browser viene suggerita da Jon Tan in questo corposo intervento utile anche per fare il punto della situazione sull’intera questione (allegato un esempio d’uso).

È sufficiente affidarsi a un programmino, WEFT3, prodotto dalla stessa Microsoft e che è in grado di convertire in formato EOT i font OpenType. Il post di Tan offre anche esempi di codice CSS per conciliare le due soluzioni all’interno dei nostri fogli di stile (si tratta in pratica di creare due regole, una per il font .otf, l’altra per quello .eot convertito da servire tramite commenti condizionali).

Tags:

Categoria: CSS | Permalink

sponsor

Commenti

1

E fu così che i poveri web developer dovettero lavorare il doppio per rendere i siti compatibili sia con A che con B e C.

# - postato da Mr Kuzio - 05 Novembre 2008 - 11:33

2

Come al solito.

Io ho smesso di supportare IE perquanto riguarda i font e parecchia altra roba.
Sono veramente stufo di tutte queste differenze.
Di solito metto nel prezzo un costo alto per avere il sito compatibile con IE 5-6-7 ed ora anche 8.

# - postato da lordmax - 05 Novembre 2008 - 12:14

3

Io a parte qualche differenza nell’interpretazione dei CSS più che documentata non trovo alcuna difficoltà a supportare contemporaneamente firefox e IE… e di questa storia del font-face sinceramente non ne sentivo proprio la mancanza… bah

# - postato da Daniele - 05 Novembre 2008 - 14:30

4

Domanda stupida: nel post si parla di font OpenType ed Embedded OpenType, ma i TrueType?
Non si potevano usare anche loro con @font-face?

# - postato da Simosito - 05 Novembre 2008 - 16:28

5

…mi associo alla domanda di Simosito…

…è giunto il momento che la comunità di web designer e affini inizi a boicottare seriamente Explorer… più che altro per preservare una certa percentuale di sanità mentale: stufo di passare dalla soddisfazione di un progetto ultimato alla frustrante opera di degrado per IE… è ora di ‘bbasta!!! :)

# - postato da Paolo Sacchetti - 12 Novembre 2008 - 14:29

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento