Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : marcolino01 20 May 2011, 14:26:31

: Installare nuovo font
: marcolino01 20 May 2011, 14:26:31
Salve. Ho cercato sul web ma non ho trovato la risposta.
Sto usando il template axe industrial per un nuovo sito e vorrei installare un nuovo font: steinerlight.
Come devo fare??

Grazie.....
: Re:Installare nuovo font
: aleteck 20 May 2011, 15:22:27
Semplicissimo, devi creare una cartella di nome "font" all'interno della cartella del tuo template, all'interno devi inserire il font che vuoi utilizzare. Il font deve essere in due formati per assicurare la compatibbilita' con internet explorer, nello specificio  i file con estensione TTF vengono utilizzati da Firefox, Safari Chrome, i file con estensione EOT vengono utilizzati dalle varie versioni di IE. Se hai solo il file in versione TTF vai in questo sito per la generazione del file EOT.

http://www.kirsle.net/wizards/ttf2eot.cgi

Una volta che hai i due file (TTF ed EOT)  crea una cartella "font" all'interno della cartella del tuo tamplate ed inserisci entrambi i file.

Ora nel CSS del tuo template aggiungi il seguente codice:
:
@font-face
{
    font-family: Action;
    src: url(../font/Action); /* EOT file for IE */
}

@font-face
{
    font-family: Action;
    src: url(../font/Action.ttf); /* TTF file for CSS3 browsers */
}


Naturalmente il mio font si chiama Action e verra' utilizzato attraverso la riga : font-family: Action.

Tu devi inserire il nome del tuo font.

Ciao e buon lavoro
: Re:Installare nuovo font
: marcolino01 20 May 2011, 15:26:56
Grazie mille......gentilissimo.
Provo subito.
: Re:Installare nuovo font
: pitons 10 Jun 2011, 13:48:22
Ciao Aletek, vorrei chiederti se il codice da copiare sul css del template bisogna posizionarlo in un punto preciso o in una riga qualunque. Mi spiego meglio, ho creato un sito in inglese e alcuni partner vogliono anche una versione in arabo e una in francese. Ho installato Joomfish e fin qui tutto ok. Devo perņ aggiungere il font arabo da utilizzare con l'editor. Pensi che sia possibile? Grazie in anticipo
: Re:Installare nuovo font
: aleteck 10 Jun 2011, 14:20:42
Ciao, puoi inserirlo dove vuoi nel file CSS. Č comunque buona norma inserire tutte le "inizializzazioni" all'inizio del file per facilitarne laettura.
: Re:Installare nuovo font
: pitons 13 Jun 2011, 10:46:06
Ho fatto quanto mi hai detto, perņ nell'editor non visualizzo ancora il nuovo font, che ho aggiunto in duplice copia con estensioni .ttf e .eot in una nuova cartella chiamata "font" all'interno del template di riferimento. Coso sto sbagliando?
Grazie
: Re:Installare nuovo font
: aleteck 13 Jun 2011, 11:24:08
Il font non č disponibile nell'editor, lo devi assegnare ad un formato, non so magari H2 tramite css attraverso f

ont-family: [nome font];
: Re:Installare nuovo font
: pitons 13 Jun 2011, 15:07:36
Ciao potresti aiutarmi ad associare il font al formato h2 attraverso il css del template? Grazie mille.
: Re:Installare nuovo font
: aleteck 13 Jun 2011, 15:54:31
Certamente, devi individuare il seguente codice dentro il css del tuo template:

h2 {
..... 
.....
.....
}

al posto dei punti ci sara' il codice relativo al formato H2 del tuo template, ora devi aggiungere la seguente riga:

font-family: [nome del tuo font personale];

Naturalmente sostituisci le parentesi quadre con il font che hai precaricato. Un esempio puo' essere:

All'inizio del CSS
:
@font-face
{
    font-family: Action;
    src: url(../font/Action); /* EOT file for IE */
}

@font-face
{
    font-family: Action;
    src: url(../font/Action.ttf); /* TTF file for CSS3 browsers */
}


Blocco H2
:
h2 {

font-size:15px;
color:#000000;
font-family: Action;

}


: Re:Installare nuovo font
: pitons 14 Jun 2011, 11:51:47
Template configurato font arabo accettato. Sei un mito. Grazie infinite
: Re:Installare nuovo font
: aleteck 14 Jun 2011, 16:39:24
Di nulla figurati ;-)
: Re:Installare nuovo font
: sguio 29 Dec 2011, 18:06:48
scusate ma quindi queste righe :


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

@font-face
{
    font-family: Action;
    src: url(../font/Action.ttf); /* TTF file for CSS3 browsers */
}

[/size]
[/size]dove le devo inserire nel css per far si che si veda il font sia negli articoli che nei titoli?
[/size]
: Re:Installare nuovo font
: aleteck 29 Dec 2011, 18:18:46
All'inizio del file CSS del tuo template. In questo modo carichi i tuoi font personalizzati.
Per richiamare il font utilizza

font-family: [tuo font]
: Re:Installare nuovo font
: sguio 29 Dec 2011, 18:24:51
non funziona...
: Re:Installare nuovo font
: aleteck 29 Dec 2011, 18:55:43
ma hai Inserito i font nella cartella indicata?
: Re:Installare nuovo font
: sguio 29 Dec 2011, 18:57:54
li ho inseriti nella cartella font del template
: Re:Installare nuovo font
: Patriciaweb 06 Nov 2012, 11:38:04
Ciao...scusa se io richiamo il font nel body....mi cambia tutti i caratteri del sito con quello che voglio inserire io naturalmente.
Se volessi agire solo sui testi degli articoli con il nuovo carattere che ho inserito...dove devo richiamare il font?