@ font-face работает только на IE, а не на хроме

Question

В настоящее время я работаю над своим первым проектом в hmtl и css w/bootstrap. До сих пор все идет хорошо. Но теперь у меня проблема с добавлением пользовательского шрифта на мою веб-страницу. Я искал, как это сделать, но @ font-face на самом деле не работает. Мой учитель исправил это в классе, поэтому должно быть возможно, что я только не знаю, как он это сделал, и он не дал код. Я сделал следующее:

@font-face { 
 
\t font-family: 'Impact Label'; 
 
\t src: url('ImpactLabel.eot'); 
 
\t src: url('ImpactLabel.eot?#iefix') format('embedded-opentype'), 
 
\t \t url('ImpactLabel.ttf') format('truetype'), 
 
\t \t url('ImpactLabel.woff') format('woff') 
 

 
\t font-weight: normal; 
 
\t font-style: normal; 
 
}

Я видел, что хром поддержки Уофф, так что я не понимаю, почему он не работает на хроме, он работает на IE, хотя. Мой h1 выглядит точно так же, как это:

h1 
 
{ 
 
\t font-family: 'Impact Label'; 
 
}

Любая помощь приветствуется. Ссылка на веб-сайт: here

Answer 1

Ваша пропавшая без вести запятая после последнего свойства src. Код должен гласить:

@font-face { 
 
\t font-family: 'Impact Label'; 
 
\t src: url('ImpactLabel.eot'); 
 
\t src: url('ImpactLabel.eot?#iefix') format('embedded-opentype'), 
 
\t \t url('ImpactLabel.ttf') format('truetype'), 
 
\t \t url('ImpactLabel.woff') format('woff'); 
 

 
\t font-weight: normal; 
 
\t font-style: normal; 
 
}