html - 在 CSS 中安装新字体

Question

我一直在尝试安装一种字体并在我的 CSS 中使用它，但没有成功。我想弄清楚我哪里出错了。我将 .tff 文件上传到与 CSS 文件相同的文件夹中，并以适当的方式添加到更新后的我的 css 文件中。

这是我的 css 中的副本:

    @font-face
    {
   font-family: ImpactLabel;
   src: url('ImpactLabel.tff');
    }
    p.change
    {
   font-family:ImpactLabel;
   color: #A70C1E;
   font-size:3em;   
    }

这是我的 html 文件:

<p class="change">Text</p>

Answer 1

检查这个 ->

@font-face {
  font-family: ImpactLabel;
  src: url('ImpactLabel.ttf'), <-- Check if the path is correct (ttf not tff)
       url('ImpactLabel.eot'); /* IE9 */
}

然后调用您的类:

.change {
  font-family: 'ImpactLabel';
}