css - 将字体添加到 HTML5 和 CSS 中的特定 div

Question

我有一个字体 font.tff，想把它添加到下面的 html 代码中。我只想将它添加到菜单中，@font-face 我看到它将字体更改为所有文本。我怎样才能用CSS添加它？谢谢。

<div id="menu">
  <ul>
    <li>menu 1</li>
    <li>menu 2</li>
    <li>menu 3</li>
    <li>menu 4</li>
    <li>menu 5</li>
  </ul>
</div>

我使用了以下内容:

<style>
    @font-face {
      font-family: "Your typeface";
                   src: url("ffan.tff");
    }
    #menu { 
      font-family: "Your typeface";
    }
</style>

但不修改任何内容。

Answer 1

你可以这样做:

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot");
  url("type/filename.woff") format("woff"),
  url("type/filename.otf") format("opentype"),
  url("type/filename.svg#filename") format("svg");
}

#menu { 
  font-family: "Your typeface", Georgia, serif; 
}