Question

这是我的代码。我在这里建立了@ 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字体。有谁知道我在这里做错了什么？

Answer 1

使用chrome中的firebug插件或开发人员工具（分别为f12和ctrl + shift + j）检查firefox中的浏览器是否完全可以访问这些字体。

Theres很有可能该文件：/ uri只是无法正常工作，考虑使用相对uri的字体并检查你的网址中的大小写。

css本身看起来不错（就在fontsquirrel之外？）。你可能想要关闭那个div，但除此之外理论上应该有效。

CSS @ font-face规则

1 个答案: