Ecco come si può aggiungere un font che vogliamo in una pagina web, molto semplicemente con il Css3.
Nel nostro foglio di stile aggiungiamo:
@font-face {
font-family: yourFontName ;
src: url( /percorso-del-font/FontFileName.ttf ) format("truetype");
}
/* Puoi usarlo come qualsiasi altro font */
.yourFontName {
font-family: yourFontName , verdana, helvetica, sans-serif;
}
Per integrarlo con Internet Explorer basta aggiungere il corrispettivo file .eot del font.
Se non ne siete in possesso vi viene in contro un utility che converte il tuo font .ttf in .eot
Qui il link TTF->EOT converter
A questo punto il nostro css diventa:
@font-face {
font-family: yourFontName ;
src: url( /percorso-del-font/FontFileName.ttf ) format("truetype");
}
@font-face {
font-family: yourFontName;
src: url( /percorso-del-font/FontFileName.eot );
}
