(RISOLTO) inserimento font esterno

[dpph]

non riesco ad inserire font: elsewher

qualcuno saprebbe indicarmi dove sbaglio:

il sito è www.claude.joomlafree.it

qui di seguito riporto uno stralcio di css dove ho tentato di metter mano:
(le parti modificate sono evidenziate)

Codice: [Seleziona]

#topmenu {
    float: right;
    width:650px;
    height: 61px;
    margin-top:30px;
    margin-right: 10px;
}
#topmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    float: right;
}
#topmenu li {
    list-style: none;
    float: left;
    font-weight: normal;
        font-style: normal;
        font-size: 20px;
    padding-right: 0px;
    padding-left: 7px;
    padding-top: 30px;
   line-height: 26px;
[glow=red,2,300] @font-face {
        font-family: Conv_elsewher;
    src: url('fonts/elsewher.eot');
    src: local('Conv_elsewher'), url('fonts/elsewher.woff') format('woff'), url('fonts/elsewher.ttf') format('truetype'), url('fonts/elsewher.svg') format('svg');   [/glow]     
}
#topmenu li {
    float: left;
    font-size: 20px;
    padding-right: 0px;
    padding-left: 7px;
    padding-top: 30px;
    line-height: 26px;
[glow=red,2,300]@font-face {
        font-family: Conv_elsewher;
    src: url('fonts/elsewher.eot');
    src: local('Conv_elsewher'), url('fonts/elsewher.woff') format('woff'), url('fonts/elsewher.ttf') format('truetype'), url('fonts/elsewher.svg') format('svg');
    font-weight: normal;
    font-style: normal;[/glow]
}
#topmenu li a {
    display: block;
    padding: 0;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
}
#topmenu li:hover, #topmenu li.hover {
    position: relative;
}
#topmenu li a:hover, #topmenu li.active a {
    color: #1F6BB2;
    background-position: center;
}
html>body #topmenu li a {
    position: relative;
        width: auto;
        z-index: 9999;
}
.spotlight {
    padding:16px 0px 0 40px;
}
ho creato cartella fonts in public_html template e in image di tutti e due. non sapendo dove doverla collocare-

sono alle prime armi, Vi ringrazio per la pazienza.

Saluti.

[adottauncane]

Ciao dpph,
se inserisci codice usa il tastino #, grazie.

Allora il css da inserire è questo:

Codice: [Seleziona]

@font-face {
        font-family:elsewher;
    src: url('../fonts/elsewher.eot');
    src: url('../fonts/elsewher.ttf');       
}
se poi hai altri formati, non se se servono, li inserisci in quel modo.
Quel css lo metti da solo, non in mezzo ad altri, nel file template.css, magari in fondo.

Poi richiami il font dove ti serve, per esempio qui:

Codice: [Seleziona]

#topmenu li {
list-style: none;
float: left;
font-weight: normal;
font-style: normal;
font-size: 20px;
padding-right: 0px;
padding-left: 7px;
padding-top: 30px;
line-height: 26px;
font-family:elsewher;       
}
Trovi tutto spiegato qui:
http://wiki.joomla.it/index.php?title=Font_personalizzati_in_joomla

[dpph]

grazie mille adottauncane..
quella guida l'ho letta una decina di volte senza mai capire dove andava posizionato il @font-face .
Ora tutto funziona..
Portate pazienza è il mio primo contatto con html/css/php e tante cose seppur banali risultano complesse.
Ti sono riconoscente.
Grazie ancora.
Claudio

p.s.
Non ho capito che intendi per il codice usa il "tastino #"..
comunque "tutto bene quel che finisce bene"   

[adottauncane]

Quando scrivi il messaggio e devi inserire del codice usa il tastino # che vedi nell'editor.