Не работают шрифты HTML/CSS

Question

Шрифты привязаны к отдельному CSS, не могу понять почему они не работают

HTML

<div class="test"><p>test</p></div>

FONT CSS

@font-face {
font-family: 'Progress-BoldItalic';
src: url('fonts/Progress-BoldItalic.eot');
src: url('fonts/Progress-BoldItalic.woff') format('woff'), url('fonts/Progress-BoldItalic.ttf') format('truetype'), url('fonts/Progress-BoldItalic.svg') format('svg');
font-weight: normal;
font-style: normal;}

CSS

.test {
font-family: Progress-BoldItalic;}

Answer 1

У вас в самом HTML в теге <head> есть тег <link>? <link> подключает CSS файл к HTML чтобы он роботал. Виглядит таким образом:

<!DOCTYPE HTML>
<html>
  <head>
   <meta charset="utf-8">
   <title>Тег LINK</title>  
   <link rel="stylesheet" href="ie.css">
   <link rel="alternate" type="application/rss+xml" 
     title="Статьи с сайта htmlbook.ru" href="http://htmlbook.ru/rss.xml"> 
   <link rel="shortcut icon" href="http://htmlbook.ru/favicon.ico">
  </head> 
  <body>
    <p>...</p>
  </body>
</html>

БЛОГ НА HUSL

Не работают шрифты HTML/CSS

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