io ho avuto lo stesso problema ma a questo modo ho trovato una soluzione cross-browser
Ho trovato il carattere che volevo(nimbus script in questo caso) e lo ho convertito nei 4 formati
codice:
@font-face {
font-family: nimbus_script_titolo; /*nome che dai al font*/
src: url(nimbus_script.eot); /*percorso per ie8*/
local('☺'), /*è una faccina, la trovi nella mappa caratteri*/
/*percorsi degli altri formati per altri browser*/
url('nimbus_script.TTF') format('truetype'),
url('nimbus_script.woff') format('woff'),
url('nimbus_script.svg') format('svg');
}
qui richiami ciò che hai creato
codice:
#titolo {
...
font-family: nimbus_script_titolo, ...; /*richiamo il nome*/
...
}