html - 如何使用我从 css 文件导入的字体

Question

这是我在我的 css 样式表中添加的代码:

        @font-face 
{
        font-family: 'space_rangerregular';
        src: url('spaceranger-webfont.woff2') format('woff2'),
             url('spaceranger-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

我将其与 h6 相关联:

h6{
  font-size: 12px;
  font-family:"Space Ranger Regular", serif;
}

然后在我的 HTML 文件中(我链接了 css 表)我做了:

<h6>Test</h6>

但是我的代码不显示字体。有什么问题吗？

Answer 1

使用您在 @font-face 部分为 font-family 分配给 font-family 的相同值用它。所以，对于你的 h6:

h6{
  font-size: 12px;
  font-family: space_rangerregular, serif;
}