[RISOLTO] - Template e font

[travrick]

Salve, ho cercato una risposta ma non penso di averla trovata.
Il problema è: voglio cambiare il font del blockquote in un template di joomla. Ho seguito il percorso di inserire una cartella font nella cartella del template e modificare il css inserendo:

 #/*text*/
@font-face {
font-family: TA6;
src: url(../font/TA6.eot); /* EOT file for IE */
}

@font-face {
font-family: TA6;
src: url(../font/TA6.ttf); /* TTF file for CSS3 browsers */
}
inserendo nella linea del blockquote il font voluto; in locale funziona perfettamente, in remoto ignora il codice e mostra un altro tipo di font.
il sito è: www.tavesuvio.it
il testo modificato "dovrebbe"essere" transalpisti all'ombra del vesuvio.
Joomla v. 2.5

Qualche idea?

Grazie

[Rasjah]

ciao travrick,


due domande...

1- ma quelle due istruzioni font-face compaiono nel' html del tuo sito non mi pare

2- Il font TA6 è realmente "caricato" nella directory font

[travrick]

Ciao Rasjah,

1- le istruzioni sono nel file default.css; nello stesso file, alla linea di istruzione del blockquote, c'è l'istruzione del font da utilizzare.
2- il font è in una cartella "font" nella cartella del template.

Spero possa aiutare, anche perchè come detto, in locale funziona.

[giovi]

Non puoi creare due font face con lo stesso nome e dare ad ognuno un riferimento diverso. Il font face è uno solo ed ha un nome univoco, i riferimenti potranno poi essere molteplici così da dare al browser delle altgernetive in caso di incompatibilità, altrimenti il primo font-face viene sovrascritto dal secondo e solo i browser che supportano quest'ultimo formato potranno rappresentarlo.

Un esempio:

Codice: [Seleziona]

@font-face {
font-family: "Helvetica-bold";
src: url('js/helvetica.eot');
src: url('js/helvetica.eot?iefix') format('eot'),
url('js/helvetica.woff') format('woff'),
url('js/helvetica.ttf') format('truetype'),
url('js/helvetica.svg#webfont90E2uSjN') format('svg');
font-weight: normal;
font-style: normal;
}
Poi a  #blockquote DEVI dare un font di riserva scelto tra quelli dichiarati web-safe altrimenti potresti su detetrminati dispositivi ottenere risultati imprevedibili.

[travrick]

Ciao Giovi e grazie per la risposta.
Ora provo e ti faccio sapere.

[travrick]

Niente da fare, non và; il font non sembra compatibile con IE8 e si vede su FF solo in locale.
Proverò ancora...

[giovi]

no tracrick, forse non hai capito: devi convertire il file in tutti quei formati per avere il massimo della compatibilità con i browser. E' in atto un'eterna lotta tra i vari brwoser le cui vittime sono solo gli sviluppatori che nonostante seguano gli standard devono spesso adattare la grafica per ogni diverso brwoser pur di ottenere uno stile un po più personalizzabile... Se non ti adatti a questo modo di pensare non riuscirai mai ad utilizzare queste caratteristiche avanzate del css.
Online trovi dei tools che convertono il carattere e ti forniscono già il codice da usare

[travrick]

Ciao Giovi,
avevo capito ma sbagliavo il collegamento.
Con più calma ci sono riuscito e ora funziona tutto, grazie dell'aiuto.

[giovi]

meglio così Ricorda di inserire [RISOLTO] nel titolo del primo post