Scuola forum (scuo.la) - Forum di discussione per le scuole - Tag h2 e p visualizzati diversamente pur con lo stesso css

Salve a tutti,
ho un problema con i fogli di stile che non riesco a risolvere: in pratica ho inserito un testo in h2 in una pagina ed un altro testo in un'altra pagina ma nel tag p. Se metto le stesse proprietà ai due tag, la pagina con il testo in h2 compare come in grassetto mentre con il p compare normale. Ho provato nella seconda pagina ad inserire il testo in h2 e difatti diventa tutto come in grassetto. Come mai mi fa questo scherzetto?
Le proprietà dei due tag sono queste.

codice:

h2 {

        font-size: 1em;

        line-height: 20px;

        text-align: justify;

        font-family: 'MedievalSharp', arial, serif;

        color: #333333;

}        



p {

        font-size: 1em;

        line-height: 20px;

        text-align: justify;

        font-family: 'MedievalSharp', arial, serif;

        color: #333333;        

}

Qui vediamo la pagina in h2
orderofmaltaosj.org/il-gran-maestro.html

e qui quella in p
orderofmaltaosj.org/costituzione.html

Risolverei mettendo tutto in p, ma invece io devo inserire tutto in h2, ma non in grassetto. Se all’h2 assegno la proprietà font-weight: lighter; funziona correttamente, però poi non è più visibile la differenza dalle parole evidenziate in strong. Qualcuno sa come risolvere?
Grazie