Dreamweaver template @font-face su Firefox NON va ...

[Riddler]

Salve a tutti,
ho prima realizzato la struttura della pagina in un comune file html. Poi come faccio solitamente generalizzo per avere il template per le pagine (Dreamweaver).

La mia struttura è la seguente:
- css
- font
- ita
- eng
- templates

Questa la parte CSS:

@font-face{
font-family: Aaargh;
src: url(../fonts/Aaargh/Aaargh.ttf);
}

.fontAaargh{
font-family: Aaargh;
font-weight: normal;
letter-spacing: 0;
color: #7F7F7F;
font-size: 16px;
}

Ora il problema è che quando genero la pagina dal template tutto funziona tranne il @font-face ... con Safari, Opera nessun problema, con Firefox è come se mancasse il font ed il problema si manifesta SOLO se utilizzo le sottocartelle, se posizionassi l'index.html nella root invece che in ita come l'hatml originario tutto funziona.

Ho già provato a referenziare il font in modo assoluto con /font invece di ../font che sarebbe la posizione relativa rispetto al file css, ma NON è cambiato nulla, ho anche provato a spostare la cartella font all'interno della cartela css ... niente ...

Qualcuno ha trovato come risolvere questo inghippo?

Grazie anticipatamente a tutti

[Cesar]

Hai provato con:

src: url(http://www.sito.ext/fonts/Aaargh/Aaargh.ttf);

[Riddler]

Ciao Cesar,
grazie per la velocità

Ci ho pensato come soluzione finale ... se non risolvo, ma non mi piace ...
attualmente sono in locale e non posso pubblicare finchè non ci sarà un passaggio di hosting.

Ma un indirizzo assoluto con il sito la vedo una soluzione un pò troppo rigida ...

Preferirei non arrivare a tanto...

[Cesar]

ok, allora fai un debug con firebug e controlla se il file del font lo trova.

[Riddler]

Originariamente inviato da Cesar
ok, allora fai un debug con firebug e controlla se il file del font lo trova.

Da FireBug non vedo errori, ma FF mi segnala questo:

Timestamp: 12/11/12 21:48:23
Error: downloadable font: download failed (font-family: "Aaargh" style:normal weight:normal stretch:normal src index:0): status=2147500037
source: file:///Volumes/MBA_HD/Users/riddler/Sites/xxxx/fonts/Aaargh/Aaargh.ttf
Source File: file:///Volumes/MBA_HD/Users/riddler/Sites/xxxx/css/style.css
Line: 0
Source Code:
@font-face { font-family: "Aaargh"; src: url("../fonts/Aaargh/Aaargh.ttf"); }

NESSUN errore invece nel file index alla root del sito, quello da cui sono partito per fare il template. Il problema nasce (anche da quello che ho letto in rete) dalla sotto cartella nel mio caso:

- css
- fonts
- ita
|- index.html

nella versione funzionante
- css
- fonts
- index.html

E il problema riguarda SOLO il @font-face, tutto il resto del css è corretto.

Grazie del supporto

[Riddler]

Provato ad aggiungere:

@font-face {
font-family: Aaargh;
src: url('../fonts/Aaargh/aaargh.eot');
src: url('../fonts/Aaargh/aaargh.eot?#iefix') format('embedded-opentype'),
url('../fonts/Aaargh/aaargh.woff') format('woff'),
url('../fonts/Aaargh/aaargh.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


Questo risolve l'errore segnalato da FF, ma il font continua a NON essere visualizzato...

[Riddler]

Fatti altri test, mettendo un css separato all'interno della cartella font stesso probleme ... poi ho voluto fare una prova ...

Uploadato la mia versione iniziale momentaneamente in una sottocartella di un dominio ... online NESSUN problema ... quindi credo sia un bug di FF in locale ...



Saluti