Convertire font ttf in eot per utilizzarli con il CSS font-face su Internet Explorer

La direttiva CSS font-face sotto internet explorer funziona soltanto se i font da scaricare sono di tipo eot (embedded open type). E’ possibile convertire un font true ttf in eot per mezzo dell’utility ttf2eot che possiamo trovare a su http://code.google.com/p/ttf2eot/

Una volta scaricato e decompresso il pacchetto tgz dei sorgenti è possibile compilare l’utility con un semplice make non prima di avere installato il pacchetto build-essential sulla nostra Ubuntu.

Compilato ttf2eot è possibile utilizzarlo nel seguente modo

ttf2eot < font.ttf > font.eot

E’ possibile trovare anche un’esempio di codice html/css per l’utilizzo di font-face direttamente su http://code.google.com/p/ttf2eot/wiki/Demo

David Bigagli

Commenti condizionali per Internet Explorer

Un piccolo appunto per ricordarmi le varie tipologie di commenti condizionali supportati da Internet Explorer per potere discriminare il codice html di una pagina a seconda della versione del browser:

<!--[if IE]>....<![endif]-->: verifica se il browser è Internet Explorer, indipendentemente dalla versione.
 
<!--[if IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer solo versione 5;
 
<!--[if gt IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer, versione superiore alla 5;
 
<!--[if gte IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer versione 5 o superiore;
 
<!--[if lt IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione inferiore alla 6;
 
<!--[if lte IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione 6 o inferiore;
 
<!--[if !IE 5.5]>....<![endif]-->: verifica se il browser è Internet Explorer versione diversa dalla 5.5.
David Bigagli