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.

[conti1]

posta il link del sito

[password]

karatemorgillo.it

[password]

C'è qualcuno che ha capito il problema? Perchè firefox non rileva la font con l' istruzione @font-face?

[tonicopi]

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

Per precisare meglio. Nella index.php hai una regola css per i font che forse viene interpretata da firefox che la sovrscrive a quella sul css. Prova a tirarla via dalla inedx del template e a metterla nei tag del css...

[password]

Ti ringrazio tonicopi per l'interessamento.
Scusa ma non ho capito di quale regola parli, ho cercato ma non ho capito qual'è. Ti sarei infinitamente grato se me la postassi. Grazie

[tonicopi]

Codice: [Seleziona]

body, h1, h2, h3, h4, h5, h6, .componentheading, .contentheading, .contentdescription {
font-family:"Arial",Helvetica,Calibri;
}Prova a metterci anche qui il font nuovo 

[password]

Allora, se aggiungo la font che ho creato con @font-face: ageonef succede che in tutto il template mi visualizza la font ageonef sempre e solo con Crhome e IE. Firefox mette sempre arial. Come se non riconoscesse proprio la regola, ed io so che invece con Firefox funziona bene. Non capisco.

[password]

e se provassi ad indicare in questo punto del index.php la font? di seguito il codice:
   

Codice: [Seleziona]

<?php if ($this->countModules('user2')) { ?>
            <div id="navigation">
            <jdoc:include type="modules" name="user2" />
                <div class="clr"></div>
            </div>Non so come indicare lo style

[tonicopi]

<div id="navigation" style="font-family:tuofont" >

[password]

Non va    Ho voglia di sfasciare il notebook!
Comunque aggiungo un dettaglio: se nel foglio di stile template.css richiamo la font senza font-face firefox la legge perchè io ce l ho installata sul mio pc, ma ovviamente poi non funziona su gli altri pc.

[tonicopi]

sbagli di sicuro la sintassi... che magari va  bene agli altri browser...

[conti1]

ciao
mi dici  in quale pagina hai messo ho almeno dovrebbe  avere il font personalizzato?

[password]

solo il menu sopra. se apri con Internet explore vedrai la font che dovrebbe uscire

[conti1]

si ma come lo hai chiamo il font ho come si chiama ?

[password]

il font si chiama Ageone.ttf. Nello stile @font-face l' ho chiamato Ageonef

[conti1]

allora il problema e il font e firefox che non lo interpreta  ho provato il font sul sito  che sto finendo e non lo carica neppure se piangi in cinese.

[password]

Hahahaha e come si piange in cinese?  . Vedrò di cambiarlo allora. Mannaggia firefox stavolta mi ha deluso proprio. Comunque grazie per il tempo che hai speso per ciò