@ problemi font-face

Question

In questo momento sto cercando disperatamente di ottenere @font-face a lavorare nel mio sito. Questo è il codice che sto usando in questo momento.

@font-face {  
font-family: romeral;  
src: url(fonts/romeral.otf ) format("opentype");  
}

E poi ....

h1 {
font-size:2.5em;
font-family:romeral;
}

Sto usando il carattere Romeral. Ecco un link ad esso: http: // www .smashingmagazine.com / 2007/02/06 / freefont-of-the-week-romeral /

Per qualche motivo solo non funzionerà. Non renderà il carattere della pagina. Ho provato con altri tipi di carattere come Ripe, e funzionano. Ho fatto in modo che non ho eventuali errori di ortografia. Quello che mi chiedo è se c'è una restrizione che alcuni tipi di carattere usano per impedire alla gente di usare i loro caratteri con @ font-face. O forse ho fatto un errore evidente nel mio codice.

Grazie in anticipo.

Answer 1

Questo dovrebbe funzionare (Immettere i nomi in "")

@font-face {  
font-family: "romeral";  
src: url("fonts/romeral.otf") format("opentype");  
}

Answer 2

Il vostro navigatore supporto OpenType, non si sta usando IE sei? In tal caso è necessario font pianse.

Answer 3

Potrebbe essere necessario per generare altri formati per altri browser di font come bene e non fare affidamento solo sul formato OpenType. Buon tutorial qui: font personalizzato utilizzando @ font-face

Answer 4

Ho una soluzione su questo. In un primo momento tutto ciò che dovete fare è convertire il tipo di carattere per .eot e .WOFF. Quindi è possibile utilizzare i font personalizzati .. Ecco un post di lavoro per il vostro riferimento ..

http://blog.totusinfo.com/css -html-custom-font-on-web-page /