Inserimento fonts in testo html

[khal19]

Salve, ho dei problemi nell'inserimento di fonts in un testo nella mia pagina web , solo che non riesco ad inserire tramite css (@font-face) più fonts in una volta . Mi spiego meglio :

{
     font-family: 'PT Serif',TimesNewRoman,'Times New Roman',Times,Georgia,serif;
     font-size: 20px;
}

come si vede sono più fonts insieme.
La domanda chiave è: come faccio ad inserirli insieme?

io per un font soltanto, ad esempio, scrivo sul css:

@font-face { font-family: Dancing Script; src: url('../DancingScript.ttf'); }
.dancing {
   font-family: 'Dancing Script','Trebuchet MS', Arial, serif;
   font-size: 20px;
}

e lo richiamo nel html.

Grazie in anticipo.

[KillerWorm]

Ciao e benvenuto, da quel che ho visto si dovrebbe definire una regola @font-face per ognuno dei font che vuoi includere sulla pagina.

Qui una discussione
https://stackoverflow.com/questions/...sing-font-face

Qui un esempio
http://www.htmlnest.com/css3/effects...-Fonts?eix=300

[khal19]

Si grazie di avermi risposto, però il fatto è che appena richiamo le classi nella sezione(<div>) html, acquisisce l'ultimo per ordine di riga. in questo caso "ptser3".

codice:
CSS:

@font-face { font-family: PT Serif; src: url('./fonts/PTF56F.ttf'); }
.ptser {
   font-family: 'PT Serif',TimesNewRoman,'Times New Roman',Times,Georgia,serif;
   font-size: 20px;
}


@font-face { font-family: Times New Roman; src: url('./fonts/Crimison-Italic.ttf'); }
.ptser2 {
   font-family: 'Times New Roman';
   font-size: 20px;
}


@font-face { font-family: Playfair Display Italic; src: url('./fonts/PlayfairDisplay-Italic.ttff'); }
.ptser3 {
   font-family: 'Playfair Display-Italic.ttf';
   font-size: 20px;
}

HTML:
{
<div class="col-sm-7 col-xs-12 ptser ptser2 ptser3" style="padding-top: 70px; padding-right: 90px; color: #6a6a6a; text-align:center;">
      <p><strong>Il Primo, riguarda il progetto , indicando anche la mission, il percorso storico, la sua evoluzione.</strong></p>

}

[KillerWorm]

Si grazie di avermi risposto, però il fatto è che appena richiamo le classi nella sezione(<div>) html, acquisisce l'ultimo per ordine di riga. in questo caso "ptser3".

Non comprendo la tua perplessità; è corretto che faccia così.
Tu cosa ti aspetti che succeda?



[Mod]
Per il corretto inserimento di codice sul forum, ti invito cortesemente ad usare gli appositi tag di formattazione. Vedi indicazioni nel regolamento di sezione. Grazie.

[khal19]

ho risolto , posto la soluzione :
css:
@font-face
{
font-family: PT Serif;
src: url('./fonts/PTF56F.ttf');
}
@font-face
{
font-family: Times New Roman;
src: url('./fonts/TimesNewRoman.ttf');
}
@font-face
{
font-family: Georgia;
src: url('./fonts/Georgia.ttf');
}


p.dani {
font-family:"PT Serif",TimesNewRoman,"Times New Roman",Times,Georgia,serif;
font-size:20px;
}

html:
<p class="dani">Ciao</p>

Grazie ancora.