Question

我无法弄清楚为什么我的字体没有应用。

我正在尝试将类型为font1，font2，font3的“Kenyancoffee”字体应用。

这是我的HTML代码：

<content>
    <div class="font1">
         <p>Text to show up</p>
    </div>
</content>

</article>

<article class="middlecontent"> 
    <header>
        <h2>
            <a href="#" rel="bookmark" title="Permalink to this POST TITLE">Our Product</a>
        </h2>
    </header>

    <content>
         <div class="font2">
             <p>Text to show up</p>
         </div>
    </content>

</article>

<article class="bottomcontent">
    <header>
        <h2>
            <a href="#" rel="bookmark" title="Permalink to this POST TITLE">Contact Us</a>
        </h2>
    </header>


    <content>
         <div class="font3">
             <p>Text to show up</p>
         </div>
    </content>

    <style>

        @font-face {
            font-family: KenyanCoffeeRg-Regular; 
            src: url(Madmonkey/kenyancoffee.ttf);
        }    

        .font1, .font2, .font3 {
            font-family: KenyanCoffeeRg-Regular;  
        }

   </style>

找几个小时的错误。谢谢你的回答。

Answer 1

代码看起来不错，字体网址好吗？可能是那样的。尝试检查元素并查看路径是否正确。

src: url(Madmonkey/kenyancoffee.ttf);

编辑2：在HTML中是ID，所以＃font1，而不是.font2（。用于类名，＃用于ID）试着用它来看看它是如何工作的。

  @font-face {
  font-family: 'KenyanCoffeeRg-Regular'; 
  src: url(Madmonkey/kenyancoffee.ttf);
}


     #font1, #font2, #font3 {
      font-family: 'KenyanCoffeeRg-Regular';  
 }

Answer 2

如果您想使用kenyan coffe字体，请从此处下载

http://www.dafont.com/kenyan-coffee.font

并按照zip

中包含的文本文件中的说明进行操作

字体在我的页面上不起作用

2 个答案: