Почему не работаю шрифты у h1?

Question

[Владимир Куликов]

h1, h2, h3, h4, h5, h6{
font-family: "BigNoodleTitlingCyr";
}
Это css. И это не работает.
h1{
font-family: "BigNoodleTitlingCyr";
}
Тоже не работает.

.text-header h1{
font-family: "BigNoodleTitlingCyr";
}
Это работает.

Можете подсказать, как сделать так, чтоб всем заголовкам можно было сразу задать шрифт?

Comments

[Дмитрий Карпов]

Все стили надо смотреть, так её понятно.

[Владимир Куликов]

@font-face {
font-family: "BigNoodleTitlingCyr";  
src: url("../fonts/BigNoodleTitlingCyr.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
 }
@font-face {
font-family: "PFDinTextCondPro";  
src: url("../fonts/PFDinTextCondPro.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
 }
.centerM{
    margin: 0 auto;
}
.centerA{
    text-align: center;
}
body{
    background-color: #f2f2f2;
    font-weight: 300;
    font-size: 16px;
    color: #555;
}
h1, h2, h3, h4, h5, h6{
    font-family: "BigNoodleTitlingCyr";
}
/*
.text-header h1{
    font-family: "BigNoodleTitlingCyr";
    
}
*/
.text-header p{
    font-family: "PFDinTextCondPro";
    
}

Закомментированный код работает.

Answer 1

[NaN]

Валерий Иванов,
1) так себе решение, стили на теги писать сейчас уже плохая практика.
2) после названия шрифта принято прописывать семейство (sans-serif например)
3) Скорее всего ваши стили где-то переопределяются

Answer 2

[Владимир Куликов]

Решил проблему

div h1, div h2, div h3, div h4, div h5, div h6{
font-family: "BigNoodleTitlingCyr";
}