Incorporare font nel template

[password]

Ho assolutamente bisogno di utilizzare una font specifica per il menù principale. Ho letto in giro che si può richiamare la font sia da un server esterno sia da quello locale. Il codice da utilizzare è qualcosa di simile

Codice: [Seleziona]

@font-face{font-family:"ageone; src:"percorso o link della font"}, ovviamente non funge. Come posso risolvere?
grazie

[ariess]

guarda qua

http://wiki.joomla.it/index.php?title=Font_personalizzati_in_joomla

ciao 

[password]

Grazie ricdata, dò subito un occhiata al link

[password]

Davvero molto interessante il link, spero riesco a risolvere. Chissà perche google difficilmente mi trova link così utili...
Grazie ancora

[ariess]

le guide più interessanti le trovi di solito nel forum o nel wiki...   

[password]

lo terrò presente.

[password]

Scusa ricdata, ma non riesco a far funzionare quel codice.
Ho fatto la coversione della font e ho inserito le due font in una cartella "font" nella root del sito.
Ho aggiunto nel template.css le righe:

Codice: [Seleziona]

@font-face {
font-family: Ageone;
src: url("../font/Ageone.eot") /* EOT file for IE */
}
@font-face {
font-family: Ageone;
src: url("../font/Ageone.ttf") /* TTF file for CSS3 browsers */
}
e ho modificato la font-family del menù:

Codice: [Seleziona]

#navigation ul li a{
display:block;
float:left;
margin:0 0 0 10px;
padding:0 0 0 10px;
font-size:0,9em;
font-family:"ageone", arial;
font-weight:;
text-transform:;
}
sul mio pc vedo tutto correttamente, ma con altri vedo la font Arial che ho messo come alternativa. In cosa erro?

[tonicopi]

ehm... le virgolette qui "ageone" cosa ci fanno?
font-family:"ageone", arial; 

[password]

Corretto ma ancora niente. il sito è karatemorgillo.it puoi controllare il template.css? Mi aiuteresti davvero molto, sono 2 giorni che ci sbatto la testa. Grazie

[ariess]

anche qui mi sembra che siano di troppo (le virgolette)

src: url("../font/Ageone.eot") /* EOT file for IE */

src: url("../font/Ageone.ttf") /* TTF file for CSS3 browsers */

[password]

Il codice modificato di template.css:

Codice: [Seleziona]

/* Default HTML Styles **********/
*{
margin:0;
padding:0;
}
html{
font-size:100%;
height:100%;
margin:0 0 1px 0;
}

@font-face {
font-family: ageonefont;
src: url(../font/Ageone.eot); /* EOT file for IE */
}
@font-face {
font-family: ageonefont;
src: url(../font/Ageone.ttf); /* TTF file for CSS3 browsers */
}

body{
font: 90%/1.5em Arial, Helvetica, calibri;
}La cartella font si trova sia nella cartella del template che nella root del sito.

[ariess]

ehmmm... mi sfugge la domanda oppure non c'è?? 

funziona?

[tonicopi]

Ancora: controllato bene maiuscole/minuscole perchè quando qualcosa si vede in windows e non in linux spesso il motivo è quello....
Ma io non vedo nel tuo template.css le regole che hai postato qui 

[password]

Ora ho scoperto che con IE e Chrome funziona. Con mozilla invece vedo Arial.

[tonicopi]

Hai un stile per i font nella index.php del template che forse sovrascrive l'altra regola, secondo firefox...

[password]

Scusa ma di quale stile state parlando? 

[conti1]

la cartella dei font non va messa

nella root

ma nel template in uso
ti assicuro che funziona  se segui i giusti passaggi.

[password]

Grazie per la dritta Conti1...il metodo funziona solo con chrome e Internet Explorer, firefox da problemi e non capisco perchè. Hai soluzioni? Grazie

[conti1]

funziona credimi e su ff che funge sensa problemi
guartda
http://www.webconti.altervista.org/
la colonna left
in fondo il postit

[password]

Ok allora adesso sono sicuro che non è il mio browser.
Però rimane il problema con il mio sito. Mi sembra di aver fatto tutto correttamente, anche perchè su chrome e su IE funziona. Potrebbe essere un problema di formato della font? Non so se Chrome utilizza eot, se così fosse allora potrebbe essere un problema con la font ttf...forse dico caz... ma davvero non riesco a capire dove ho errato.
Grazie comunque per le tue risposte tempestive e grazie anche a tutti coloro che mi stanno aiutando.