CSS: h1, h2, h3 Plusieurs Sélecteurs + distincte h2, ...l'Ordre des Questions?

Alors, voici le problème que j'ai. Je voulais être efficace et de faire tout mon balises d'en-tête de la police-famille. J'ai donc utilisé le code ci-dessous. Toutefois, il apparaît uniquement lorsque le sélecteur de plusieurs code est APRÈS la seule h2 code.

Si je place le multi-sélecteur de code AVANT le h2 code puis il l'ignore complètement. Toutes les pensées de ce que je suis absent? Voici un lien vers la page de test:

http://www.jasonkoprowski.com/test/JK_Test.html

Je veux l'en-tête de l'affichage à l'aide 'Crimson Texte" de la police, mais semble être le défaut 'Times New Roman' (même pas sûr de l'endroit où il devient de ce fait. Il fonctionne à trouver quand j'ai mis le h1, h2, h3, h4, h5 code après, mais pas avant. Je suppose que je pourrais le mettre juste après la balise h2 code et être fait avec elle, mais je veux m'assurer que je comprends la cause racine du problème:

h1, h2, h3, h4, h5 { 
   font-family:"Crimson Text", "Lucida Sans Unicode","Times New Roman", serif;
}


h2 {
  color:#232323;
  font-style:normal;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.1em;
  margin:30px 0;
  text-align:center;
  font-size:42px;
} 

Pour ajouter encore plus à ma confusion, quand j'ai ajouté le code pour Code Pen (http://codepen.io/anon/pen/EDpJg) ça a l'air d'être rendu correctement...donc quelque chose de mal sur mon site?

Toute aide serait grandement appréciée.

Merci,

Koprowski