Невозможно уменьшить размер шрифта заголовка 1

Question

Я пытаюсь сделать шрифт в h1 менее полужирным. Кажется, что письма просто толстые.

CSS:

h1 {color: #FFFFFF; font-family: ballparkweiner; font-size: 110px; 
text-align: center; margin: 0px; } 

@font-face { 
    font-family: 'ballparkweiner'; 
    src: url('ballw___.eot'); 
    src: url('ballw___.eot?#iefix') format('embedded-opentype'), 
     url('ballw___.woff') format('woff'), 
     url('ballw___.ttf') format('truetype'), 
     url('ballw___.svg#ballparkweiner') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 


h2 { margin: 0px; text-align: center; font-size: 40px; color: #FFFFFF; font-family: Cambria;} 

body {background-color: #000000;} 

h3 {text-align: center; color: #FFFFFF; } 

#footer { font-weight: bold; text-align: center; font-family: Audimat; 
    clear: both; width:48%; 
     border-radius: 8px; 
     background-color:black; 
     text-align:center; margin-right:auto; 
     margin-left:auto; color: #FFFFFF; } 

Из информации, которую я собрал на линии, большинство сказали использовать начертание шрифта: светлее;

но это не проверяет, когда я использую валидатор css. Есть идеи?

Answer 1

Я проверил ваш css validate, где вы проверили? Вероятно, вы проверили проверку css2. Проверьте здесь это один оригинальна/лучший http://jigsaw.w3.org/css-validator/validator

Answer 2

Я на самом деле просто добавил вес шрифта линии (у меня было под @font лицо вместо)

h1 {color: #FFFFFF; font-family: ballparkweiner; font-size: 110px; 
text-align: center; margin: 0px; font-weight: lighter; } 

Answer 3

Добавить это:

h1 { font-weight: normal; } 

По default, браузеры используют bold вес для h1. Так как ваш @font-face объявляет только normal вес шрифта, (некоторые) браузеры будут алгоритмически смещать глифы (т. Е. Сделать штрихи более широкими, используя простой метод).