Не получается поменять шрифт с использованием @font-face в СSS

Делал задание по книге HeadFirst HTML/CSS. Кажется проблема с HTML файлом т.к пробовал то же самое для других страниц и все получалось. Можете проверить в чём ошибка?

HTML файл

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <title>На собственном скутере по территории США! </title>
   <link type="text/css" rel="stylesheet" href="journal.css">
 </head>
 <body>

  <h1> На скутере по США </h1>
  <p>
    Дневник моих поездок на моем собственном скутере по <br> территории США!
  </p>

  <h2> 20 августа, 2012 </h2>
   <img src="images/segway2.jpg">
   <p>
Итак, я уже проехал 1200 миль и побывал в некоторых<br>
интересных местах:
    </p>

<ol>
<li>Вала-Вала, штат Вашингтон; </li>
<li>Мэджик-Сити, штат Айдахо; </li>
<li>Баунтифул, штат Юта; </li>
<li>Лэст Чанс, штат Колорадо; </li>
<li>Трут-орКонсекуэнсес, штат Нью-Мексико </li>
<li>Уай, штат Аризона; </li>
 </ol>

   <h2> 14 июля, 2012 </h2>
   <p>
Я видел парочку знаков в стиле Burma Shave на обочине дороги:
   </p>
   <blockquote>
     <p>
Если вы не заметите <br>
проезжающие мимо машины, <br>
то они могут сбить вас. <br>
Одно мгновение — <br>
и бесконечность… <br>
    </p>
   </blockquote>
   <p>
Я определенно не хотел, чтобы на меня наехала
машина!
   </p>

   <h2> 2 июня, 2012 </h2>
   <img src="images/segway1.jpg">
   <p>
Первый день моего путешествия! Я не верю, что наконец смог отложить<br>
все дела в сторону и отправиться в путешествие. Поскольку я собирался<br>
ехать на скутере, то не мог взять с собой много вещей: только
   </p>

   <ul>
<li>сотовый телефон</li>
<li>iPod</li>
<li>цифровую камеру</li>
<li>и шоколадный батончик</li>
   </ul>

   <p>
Только все самое необходимое. Как сказал бы Лао Цзы: <q>Путешествие в тысячу
миль начинается с одного шага к скутеру</q>.
  </p>

 </body>
</html>

CSS файл

@font-face {
    font-family: Emblema One;
    src: url("fonts/EmblemaOne-Regular.woff"),
         url("fonts/EmblemaOne-Regular.ttf");
}
body {
  font-family:     Verdana, Geneva, Arial, sans-serif;
  font-size:       small;
}
}
h1 {
  font-family:     "Emblema One", sans-serif;
  font-size:       220%;
}
h2 {
  font-size:       130%;
  font-weight:     normal;
}

Я проверял синтаксис в других файлах и там кроме другой инфы ничего не различается так почему для них получается шрифты менять а здесь нет?


Ответы (0 шт):