Installare nuovo font

[marcolino01]

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.....

[aleteck]

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:

Codice: [Seleziona]

@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

[marcolino01]

Grazie mille......gentilissimo.
Provo subito.

[pitons]

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

[aleteck]

Ciao, puoi inserirlo dove vuoi nel file CSS. È comunque buona norma inserire tutte le "inizializzazioni" all'inizio del file per facilitarne laettura.

[pitons]

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

[aleteck]

Il font non è disponibile nell'editor, lo devi assegnare ad un formato, non so magari H2 tramite css attraverso f

ont-family: [nome font];

[pitons]

Ciao potresti aiutarmi ad associare il font al formato h2 attraverso il css del template? Grazie mille.

[aleteck]

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

Codice: [Seleziona]

@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

Codice: [Seleziona]

h2 {

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

}

[pitons]

Template configurato font arabo accettato. Sei un mito. Grazie infinite

[aleteck]

Di nulla figurati ;-)

[sguio]

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]

[aleteck]

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]

[sguio]

non funziona...

[aleteck]

ma hai Inserito i font nella cartella indicata?

[sguio]

li ho inseriti nella cartella font del template

[Patriciaweb]

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?