Back to top

Autore Topic: [RISOLTO] Importare font nel css  (Letto 2616 volte)

Offline liugoliang

  • Esploratore
  • **
  • Post: 73
    • Mostra profilo
[RISOLTO] Importare font nel css
« il: 22 Apr 2011, 10:09:50 »
Ciao, sto cercando di importare dei font nel css del sito (template JNotepad Chaos). Ho seguito il wiki http://wiki.joomla.it/index.php?title=Font_personalizzati_in_joomla. Quindi mi sono scaricato i font, li ho convertiti e caricati (doppi) nel mio template. Quando però li richiamo nel css non funziona. Sapete dirmi dove devo inserire il richiamo?

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

 e poi

@font-face {
font-family: nome;
src: url(../font/nome.ttf); /* TTF file for CSS3 browsers */
}
« Ultima modifica: 22 Apr 2011, 23:12:30 da liugoliang »

adottauncane

  • Visitatore
Re:Importare font nel css
« Risposta #1 il: 22 Apr 2011, 11:22:28 »
Ciao liugoliang,
devi poi inserire il font nel css relatico. Ad esempio:
Codice: [Seleziona]
div.articolo div.titolo {
    display: table-cell;
    font-family: skia;
    font-size: 35px;
}
www.eliantoweb.it (riga 282)

L'altre font, invece, è giusto come nome? L'hai scritto una volta con l'underschore, un'altra con lo spazio e un'altra con Him con l'H maiuscola...

Offline liugoliang

  • Esploratore
  • **
  • Post: 73
    • Mostra profilo
Re:Importare font nel css
« Risposta #2 il: 22 Apr 2011, 22:10:16 »
Ciao adottauncane, provo a riepilogare i passaggi per prevenire gli errori:

-Io devo caricare due font diversi
-Il mio template ha 2 file css: (template.css e style.css)
-Ho caricato i font tramite ftp e poi ho inserito in cima a entrambi i file.css (template.css e style.css) i richiami citati nel mio primo messaggio.
-A questo punto dovrebbe funzionare perchè, per esempio, il font family del body che si trova in style.css appare così:
   font-family: skia,Arial,Georgia,Tahoma,Helvetica,sans-serif;

invece online non va.
Mi sono spiegato?
Grazie, come sempre

adottauncane

  • Visitatore
Re:Importare font nel css
« Risposta #3 il: 22 Apr 2011, 22:27:31 »
Il font del body è lo skia, almeno con FF. Se metti il css come ho scritto vedrai anche i titoli in skia. L'altro font invece non si vede, ma potrebbe esserci un errore nella scrittura del medesimo... (vedi post sopra).

Offline liugoliang

  • Esploratore
  • **
  • Post: 73
    • Mostra profilo
Re:Importare font nel css
« Risposta #4 il: 22 Apr 2011, 22:44:43 »
Perdonami adottauncane, ma io sto lavorando su 2 pc in parallelo e li vedo solo con uno (quello che hai tutti i font pre-caricati). Nell'altro nada.

Mi potresti dire se la procedura che ho seguito è corretta? Cioè, il richiamo dei font

@font-face {
...
}

va fatto all'inizio di entrambi i file css, non nell'html? Il mio template aveva font pre-caricato attraverso una tag php nell'html...

:-0

Boh, inizio a perdere un po' la speranza...

adottauncane

  • Visitatore
Re:Importare font nel css
« Risposta #5 il: 22 Apr 2011, 22:57:55 »
Si lo so, l'avevo messo io...  ;)
Se hai seguito la guida da te postata dovrebbe andare tutto bene. Il richiamo lo metti nel file .css. Io il font del body lo vedo e se lo metti nel titolo anche. Però mi sa che è pre-caricato sul mio computer. Ma la cartella font l'hai creata? Hai messo dentro i due font nelle due versioni? EOT e TTF? I nomi dei font, skia sì, ma l'altro, è giusto?

Offline liugoliang

  • Esploratore
  • **
  • Post: 73
    • Mostra profilo
Re:Importare font nel css
« Risposta #6 il: 22 Apr 2011, 23:11:58 »
Credo che sia andato a posto, c'era uno spazio di troppo nel richiamo del font-face. Grazie per l'aiuto. Inizio a essere in debito...

adottauncane

  • Visitatore
Re:[RISOLTO] Importare font nel css
« Risposta #7 il: 22 Apr 2011, 23:14:56 »
Non c'è problema. Se mi adotti un cagnetto, andiamo pari  ;D

 



Web Design Bolzano Kreatif