come cambiare i font di default per i titoli e il corpo degli articoli

[Davide Riga]

buongiorno a tutti,
sto avendo qualche difficoltà ad inserire due font sul mio sito da andare a sostituire a quelli attualmente in uso.


il file css attualmente è cosi:

Codice: [Seleziona]

body {
font-family: Arial, Helvetica, sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body ul.menu-mainmenu a,
body ul.menu-mainmenu span,
body .componentheading,
body .contentheading {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body.jsn-textsize-medium {
font-size: 75%;
i due font che vorrei introdurre sono:
" Bebas Nueu " per i titoli degli articoli (h1 per intenderci)
e
"philosopher" per il corpo dell'articolo


attualmente ho impostato per entrambi Arial.


quale file devo modificare per cambiare questi font? style.css magari?
devo prima caricarli in qualche cartella per poi doverli richiamare?
il formato per il web è meglio .otf o .tff?


grazie mille a tutti per l'aiuto

[xplosion]

Per integrare dei font personalizzati nelle pagine web, devi utilizzare la regola CSS @font-face.
Se cerchi con google trovi molti esempi.

[conti1]

ciao a parte la regola di come caricare un font  devi anche  convertirne uno x farlo leggere  al caro ie altrimenti  non viene letto nnon e che puoi dire meglio questo o o l' altro formato  li devi mettere  tutti e due TTF eot, nel css ci metti :

Codice: [Seleziona]

@font-face {
 font-family: Rockwell;
 src: url("../tua_cartella/Rockwell.eot") /* EOT file for IE */
}
@font-face {
 font-family: Rockwell;
 src: url("../tua_cartella/Rockwell.TTF") /* TTF file for CSS3 browsers */
}fatto questo passaggio lo cambi  dove ti serve

[mxxxo]

Scusa ma non sapendo che era proibito ho inserito un sito ad un link esterno...cancello...cmq su google trovi facilmente quello che ti avevo postato.