Back to top

Autore Topic: Installare e visualizzare font personalizzati  (Letto 1283 volte)

Offline Riccardo85

  • Esploratore
  • **
  • Post: 71
    • Mostra profilo
Installare e visualizzare font personalizzati
« il: 26 Set 2013, 17:09:00 »
Salve, ho un problema con la visualizzazione di un font personalizzato su questo sito:
http://www.provatuttinsieme.altervista.org/joomla/
Ho creato la cartella "font" all'interno del template e ci ho inserito il carattere in duplice copia (ttf ed eot);
poi ho seguito le istruzioni contenute in questo topic (http://forum.joomla.it/index.php?topic=135781.0) ma il risultato è che invece del carattere che ho scelto, blackoakstd, viene visualizzato il times new roman. Ho provato anche con altri caratteri ma il risultato è lo stesso, viene sempre visualizzato il times new roman. Non riesco a capire dove sbaglio, qualcuno può aiutarmi?
Tra l'altro non ho capito bene cosa bisogna inserire qui:
 src: url(../font/Action);


Io ho provato a inserire l'intero percorso del font (nel mio caso ftp://provatuttinsieme@www.provatuttinsieme.altervista.org/joomla/templates/a4joomla-twilight-free/font/blackoakstd.ttf) ma evidentemente non va bene.

Offline xplosion

  • Global Moderator
  • Instancabile
  • *****
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:Installare e visualizzare font personalizzati
« Risposta #1 il: 26 Set 2013, 17:15:12 »
Oltre a TTF e EOT, servono anche nel formato SVG e WOFF.
Cerca dopo "font-face kits".

P.S. Spero che pubblicherò una guida quanto prima sull'argomento.

Offline Riccardo85

  • Esploratore
  • **
  • Post: 71
    • Mostra profilo
Re:Installare e visualizzare font personalizzati
« Risposta #2 il: 26 Set 2013, 19:22:04 »
Ok, ho inserito anche i formati svg e woff. Adesso cosa devo scrivere nel codice?


Offline Riccardo85

  • Esploratore
  • **
  • Post: 71
    • Mostra profilo
Re:Installare e visualizzare font personalizzati
« Risposta #3 il: 26 Set 2013, 19:31:04 »
Ho provato a inserire queste due righe:

Codice: [Seleziona]
@font-face
{
    font-family: black;
    src: url(ftp://provatuttinsieme@www.provatuttinsieme.altervista.org/joomla/templates/a4joomla-twilight-free/font/blackoakStd.svg); /* TTF file for CSS3 browsers */
}

@font-face
{
    font-family: black;
    src: url(ftp://provatuttinsieme@www.provatuttinsieme.altervista.org/joomla/templates/a4joomla-twilight-free/font/blackoakStd.woff); /* TTF file for CSS3 browsers */ }

Ma ancora niente  :'(

 



Web Design Bolzano Kreatif