font-face per Eurostile

[Luca Crippa]

@font-face { 
     font-family: myFont; 
     src: url('class/Eurosti.TTF'); /*ho caricato il font sul server*/
}

#frase_home { 
     padding-top:95px; 
     margin-left:20px; 
     margin-right:20px; 
     text-align:center; 
     font-weight:bold; 
     font-family:myFont; 
     font-size:30px; 
     position:relative; 
     top:-180px; 
}

Vorrei implementare Eurostile in un sito web. Questo è il mio CSS. Non funziona però... dove sbaglio?

[webbeloz]

sei fuori strada...

W3C

inzia con questo, poi se hai problemi di cross-browser, si può aggiungere altro.

[Luca Crippa]

div { 
     font-family: myFont; 
}

Ok, manca questo... ma non so dove deve andare!
E poi non devo più specificare il font all'interno del CSS?

[Luca Crippa]

@font-face {
font-family: 'myFont';
src: url(Eurosti.eot);
src: local('Eurostile'), url('font/Eurosti.TTF') format('truetype');
}



#frase_home {
font-family:myFont;
font-size:30px;
}


Ma ancora non funziona. Ho usato questa guida: http://www.html.it/pag/18954/font-pe...con-font-face/

Il sito in questione è il seguente: http://www.coroconcorezzo.it/index_d...staviaggio.php

E' tutto in eurostile, solo che con queste cose nel css io che ho eurostile istallato sul pc lo vedo in eurostile, il pc che ho accanto che non ha eurostile istallato lo vede in un altro font, penso quello classico di chrome.

Grazie dell'aiuto!

[Luca Crippa]

Ah, ovviamente ho messo myFont al posto di Eurostile ovunque nel css, non solo nel tag "frase_home".

[Nobody33]

@font-face { font-family: tuoFont; src: url('tuoFont.eot'); /* IE */ 
src: local('tuoFont'), url('tuoFont.ttf'); /* non-IE */ }

body{font-family:tuoFont;}

[Luca Crippa]

Grazie! Nel css?

[Nobody33]

Puoi stamparlo anche su una maglietta se vuoi

[Luca Crippa]

Fatto, ma non funziona.....

Scherzi a parte, non funziona in ogni caso
Cioè funziona solo perchè ho eurostile sul pc, quando commento la parte local (che va a prenderlo per bypassare il font sul server) non va più.

Ricapitolando:

@font-face {
font-family: 'myFont';
src: url(fonts/Eurosti.eot);
src: local('Eurostile'), url('fonts/Eurosti.TTF') format('truetype');
}


body{
font-family:myFont;
margin:0px;
min-width:1024px;
}


e poi ogni volta che uso il font lo richiamo. dove sbaglio?
Grazie dell'aiuto!

[Nobody33]

Cioè funziona solo perchè ho eurostile sul pc,

Hai messo

Eurosti.eot e
Eurosti.TTF

nella cartella dove c'è il sito?

/*ho caricato il font sul server*/

Dove lo hai caricato? Sul TUO server?
Link al sito?