Autore Topic: Installare nuovo font  (Letto 13012 volte)

Offline marcolino01

  • Nuovo arrivato
  • *
  • Post: 36
  • Sesso: Maschio
  • vecchievalvole.it
    • Mostra profilo
Installare nuovo font
« il: 20 Mag 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.....

Offline aleteck

  • Esploratore
  • **
  • Post: 117
    • Mostra profilo
Re:Installare nuovo font
« Risposta #1 il: 20 Mag 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:
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

Offline marcolino01

  • Nuovo arrivato
  • *
  • Post: 36
  • Sesso: Maschio
  • vecchievalvole.it
    • Mostra profilo
Re:Installare nuovo font
« Risposta #2 il: 20 Mag 2011, 15:26:56 »
Grazie mille......gentilissimo.
Provo subito.

Offline pitons

  • Nuovo arrivato
  • *
  • Post: 8
  • Sesso: Maschio
    • Mostra profilo
    • Ulixes
Re:Installare nuovo font
« Risposta #3 il: 10 Giu 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

Offline aleteck

  • Esploratore
  • **
  • Post: 117
    • Mostra profilo
Re:Installare nuovo font
« Risposta #4 il: 10 Giu 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.

Offline pitons

  • Nuovo arrivato
  • *
  • Post: 8
  • Sesso: Maschio
    • Mostra profilo
    • Ulixes
Re:Installare nuovo font
« Risposta #5 il: 13 Giu 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

Offline aleteck

  • Esploratore
  • **
  • Post: 117
    • Mostra profilo
Re:Installare nuovo font
« Risposta #6 il: 13 Giu 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];

Offline pitons

  • Nuovo arrivato
  • *
  • Post: 8
  • Sesso: Maschio
    • Mostra profilo
    • Ulixes
Re:Installare nuovo font
« Risposta #7 il: 13 Giu 2011, 15:07:36 »
Ciao potresti aiutarmi ad associare il font al formato h2 attraverso il css del template? Grazie mille.

Offline aleteck

  • Esploratore
  • **
  • Post: 117
    • Mostra profilo
Re:Installare nuovo font
« Risposta #8 il: 13 Giu 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
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;

}



Offline pitons

  • Nuovo arrivato
  • *
  • Post: 8
  • Sesso: Maschio
    • Mostra profilo
    • Ulixes
Re:Installare nuovo font
« Risposta #9 il: 14 Giu 2011, 11:51:47 »
Template configurato font arabo accettato. Sei un mito. Grazie infinite

Offline aleteck

  • Esploratore
  • **
  • Post: 117
    • Mostra profilo
Re:Installare nuovo font
« Risposta #10 il: 14 Giu 2011, 16:39:24 »
Di nulla figurati ;-)

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:Installare nuovo font
« Risposta #11 il: 29 Dic 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]

Offline aleteck

  • Esploratore
  • **
  • Post: 117
    • Mostra profilo
Re:Installare nuovo font
« Risposta #12 il: 29 Dic 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]

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:Installare nuovo font
« Risposta #13 il: 29 Dic 2011, 18:24:51 »
non funziona...

Offline aleteck

  • Esploratore
  • **
  • Post: 117
    • Mostra profilo
Re:Installare nuovo font
« Risposta #14 il: 29 Dic 2011, 18:55:43 »
ma hai Inserito i font nella cartella indicata?

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:Installare nuovo font
« Risposta #15 il: 29 Dic 2011, 18:57:54 »
li ho inseriti nella cartella font del template

Offline Patriciaweb

  • Nuovo arrivato
  • *
  • Post: 32
    • Mostra profilo
Re:Installare nuovo font
« Risposta #16 il: 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?

 

Host

Torna su