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-family的{{1}}部分中分配给@font-face的相同值。因此，对于您的h6：

font-family

Answer 2

使用font-face时，请设置font-family来命名该字体。因此，在CSS中，您需要使用在font-family中输入的名称来调用该字体。但是您需要将该名称放在引号中。所以：

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

h6{
  font-size: 12px;
  font-family: 'space_rangerregular', serif; // Call the SAME name here
}

如何使用我从CSS文件导入的字体

2 个答案: