[css] Problema con @font-face

Ciao a tutti, sto usando la proprietà di CSS3 @font-face... ma ho qualche problema:
http://i.imgur.com/ojOjh.png
- Nel primo, il font è definito da CSS, chiamato xHaettenschweiler (per prova!).
- Nel secondo, il font è quello installato su Windows, non presente nel CSS quindi in locale... (Haettenschweiler).

Il file, è sempre lo stesso. L'ho copiato dalla cartella Fonts di Windows.
Questo, invece, è il codice:

Codice PHP:

---

@font-face { font-family: "xHaettenschweiler"; src: url("../altro/Haettenschweiler.ttf"); }
h1 { font: normal 20px "xHaettenschweiler"; }


---

Come mai c'è questo problema? E' la prima volta che mi trovo davanti a questo inconveniente. Spero che sappiate aiutarmi... Grazie mille! :wink:

A me sembra le versione in grassetto di quel font, forse hai copiato il file sbagliato.

L'ho riscaricato... niente da fare!
Suggerimenti?

Pagina di esempio online? Può essere che non ti prenda il font-weight: normal per qualche motivo.

http://sim.altervista.org/prova.html :wink
Come si visualizza nel vostro browser? Io uso Firefox 4.0 :lol:
http://i52.tinypic.com/xnyr6h.png

Sembra essere un bug di Firefox, con Chrome e Opera visualizzo la versione normale.

E quindi? Soluzioni? :???:

Quel css mi pare un poco impreciso e smangiucchiato. Fai passare il font di qua, e vedi cosa ottieni con il css che ti produce. Lo uso in giro nel mio sito e non ho notato problemi di bold/non-bold.

:arrow: http://www.fontsquirrel.com/fontface/generator

Niente da fare! :roll:
Ho copiato i file nella cartella in locale, modificato il css aggiungendo:

Codice PHP:

---

@font-face {
font-family: 'HaettenschweilerRegular';
src: url('haettenschweiler-webfont.eot');
src: url('haettenschweiler-webfont.eot?iefix') format('eot'),
url('haettenschweiler-webfont.woff') format('woff'),
url('haettenschweiler-webfont.ttf') format('truetype'),
url('haettenschweiler-webfont.svg#webfont1Fv0nKF7') format('svg');
font-weight: normal;
font-style: normal;

}

/* e modificato anche h1 */
h1 { font: normal 20px "HaettenschweilerRegular"; }


---

Ma non è cambiato niente! Che codice hai usato tu??
Grazie mille a tutti! :!:

Ho un import in alto nel nel css principale che richiama lo spezzone font-face scaricato da fontsquirrel.

Online vedo ancora la tua versione vecchia, che da me si comporta così, direi bold.

http://img190.imageshack.us/img190/5728/fontsimb.png

Firefox (via dominspector) lo marca correttamente come normal, quindi direi che quello funziona. Può essere il font in qualche modo "strano", vedi se ne trovi una versione diversa altrove.

Difatti il problema persiste, poiché non è bold, ma normal (vedi screenshot!)
Ho letto che potrebbe essere un problema di font-smooth, che Firefox non ha ancora risolto... o meglio è possibile ma in parte settando un'opzione nel proprio browser.
Credo sia Rendering testo None... una cosa del genere :wink:
Grazie mille comunque, troverò una soluzione alternativa!