@font-face - la demo funziona, l'implementazione no

[Redmile]

finora ho sempre utilizzato @font-face senza problemi. Oggi vado a scaricarmi un pacchetto già pronto da font squirrel (questo per la precisione) , vado ad implementarlo, copiando il codice dalla pagina demo, ma non mi funziona . L'incredibile è che la pagina di demo mi funziona senza problemi

dove sbaglio? questo è il codice:

@font-face {
	font-family: 'SansationRegular';
	src: url('Sansation_Regular-webfont.eot');
	src: local('☺'), url('Sansation_Regular-webfont.woff') format('woff'), url('Sansation_Regular-webfont.ttf') format('truetype'), url('Sansation_Regular-webfont.svg#webfontw28k2xtN') format('svg');
}

p.style1 {font: 18px/27px 'SansationRegular', Arial, sans-serif;padding:0 20px;text-shadow:#FFF 1px 1px 1px;}

ovviamente i file sono tutti nella directory giusta

[ResianTaxidrive]

ma cos'è questo?

local('☺')

e questo percorso mi sembra strano

url('Sansation_Regular-webfont.svg#webfontw28k2xtN')

[Redmile]

ripeto nel demo funzionano. il percorso svg serve per l'iphone/ipad

[bionicoz]

dove hai racchiuso il tuo testo di prova? in qualcosa che nn sia un

con classe "style1"? perché stai attribuendo quel carattere solamente a elementi del tipo <p class="style1">AAAAA</p>
ciao.

@Resian: http://paulirish.com/2010/font-face-gotchas/#smiley

[Redmile]

si ovvio , era scontato fosse in un p con classe "style1"
posto il codice completo sia html che css

edit

[fcaldera]

cose turche?

comunque: su quale browser stai testando?
non funziona su tutti i borwser o solo su alcuni?
In cosa differisce l'ambiente in cui la pagina non funziona?
può essere un problema di percorsi ai file dei font? Hai guardato sulla console firebug/net se ci sono errori 404?

[Redmile]

- ho provato su firefox e chrome ed in entrambi prende il carattere immediatamente dopo (cioè l'arial)
- un problema di percorsi lo escludo perchè ho ricontrollato più volte. QUello che non capisco è come la pagina demo con gli stessi codici funzioni

ora controllo la console net su firebug
edit: nessun errore

[ResianTaxidrive]

@bionicoz
grazie per il link: ogni giorno se ne impara una.

[fcaldera]

Originariamente inviato da Redmile
- ho provato su firefox e chrome ed in entrambi prende il carattere immediatamente dopo (cioè l'arial)
- un problema di percorsi lo escludo perchè ho ricontrollato più volte. QUello che non capisco è come la pagina demo con gli stessi codici funzioni

ora controllo la console net su firebug
edit: nessun errore

riesci a mettere questa demo in uno spazio di test che possiamo vedere?

[bionicoz]

Ho copiato e incollato sul mio server i due file e va alla perfezione; al 99% sbagli con i path.
Ho visto che hai messo il css dentro una dir 'css': orbene, l'url che dai al @font-face è relativo proprio a quest'ultimo, e non alla radice del sito. ovvero copia tutti i file carattere dentro la dir css.
OPS se arrivo tardi scusate