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

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.