Question

我为此页面设置了一些自定义字体：

但他们并没有像他们应该的那样出现。在我的根文件夹中，我有 -CSS -fonts 的index.html

在css文件夹中我有fonts.css

@font-face {
  font-family: 'AvenirLTStd-Book';
  src: url('../fonts/AvenirLTStd-Book.otf') format('opentype');
}

@font-face {
  font-family: 'AvenirLTStd-Black';
  src: url('../fonts/AvenirLTStd-Black.otf') format('opentype');
}

@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url('../fonts/AvenirLTStd-Medium.otf') format('opentype'); 
}

h3{
    font-family: 'AvenirLTStd-Book';
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    margin-top: -30px;
    margin-right: 40px;
}
h4{
    font-family: 'AvenirLTStd-Black';
    color: #000000;
    font-size: 20px;
    text-align: left;
    margin-top: 0px;
}
h5{
    font-family: 'AvenirLTStd-Medium';
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-top: -15px;
}

Answer 1

虽然我无法回答您的具体问题，但如果第一个字体失败，您应该始终包含多个字体。

font-family: 'AvenirLTStd-Medium, Arial, sans-serif'; - 例如。

Answer 2

我还不能发表评论，所以我只需要写一个答案，但在我看来，你的字体并不是你打电话给他们的地方。路径：../ fonts / fontname.ttf，当我尝试导航到指向的位置时，它表示没有找到文件。 CSS和HTML似乎对我来说是正确的，所以他们可能在错误的地方。

自定义字体不适用于CSS

2 个答案: