Правило CSS @ font-face - PullRequest
Новая
       5

Правило CSS @ font-face

0 голосов
/ 16 августа 2011

Вот мой код.Я устанавливаю правило @ font-face здесь: 

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('chunk-webfont.eot');
    src: url('file:///C:/.../Fonts/chunk-webfont.eot?#iefix') format('embedded-opentype'),
         url('file:///C:/.../Fonts/chunk-webfont.woff') format('woff'),
         url('file:///C:/.../Fonts/chunk.ttf') format('truetype'),
         url('chunk-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

Я назначаю элемент здесь: 

#main-navi{
    font-family:'ChunkFiveRegular';}

И я называю это в HTML здесь: 

<div id="main-navi" class="line">
    <ul class="line">
     <li>
       <a href="#work">Work</a>
     </li>
     <li>
       <a href="#play">Play</a>
     </li>
    </ul>

Но текст не отображает шрифт ChunkFive.Кто-нибудь знает, что я здесь делаю не так?

1 Ответ

0 голосов
/ 16 августа 2011

Проверьте, доступны ли шрифты вообще браузеру в Firefox с помощью плагина Firebug или инструментов разработчика в Chrome (f12 и ctrl + shift + j соответственно).

Есть хороший шанс, что файл: / uri просто не работает должным образом, рассмотрите использование относительного URI для шрифтов и проверьте заглавные буквы в вашем URL.

Сам CSS выглядит хорошо (прямо из fontsquirrel?).Возможно, вы захотите закрыть этот div, но в остальном это должно сработать в теории.

...