Html 使用@font-face

我正在尝试使用@font-face自定义字体，由于某些原因，它在某些地方工作，而在其他地方不工作

CSS 这个很好用

#hero-header .title {
    color: #fff;
    padding-top: 225px;
    font-size: 30px;
    font-family: 'Populaire';
    text-align: center;
    font-size: 64px;
    }

这并不重要

ul#reviews h2 {
    font-size: 30px;
    font-family: 'Populaire';
    }

请注意，Hero区域使用自定义字体，但无法在页面下方进一步使用它，即：查看标题。

您的CSS是：

@font-face {
    font-family: 'Populaire';
    src: url('font/Populaire.otf');
}

但是，字体实际上是

/beta/styles/css/fonts/populare.otf

，请将css更新为：

@font-face {
    font-family: 'Populaire';
    src: url('/beta/styles/css/fonts/Populaire.otf');
}

您的CSS是：

@font-face {
    font-family: 'Populaire';
    src: url('font/Populaire.otf');
}

但是，字体实际上是

/beta/styles/css/fonts/populare.otf

，请将css更新为：

@font-face {
    font-family: 'Populaire';
    src: url('/beta/styles/css/fonts/Populaire.otf');
}

---

无论如何：你的页面没有验证：我的字体上有一个404…无论如何：你的页面没有验证：我的字体上有一个404…看了太久了，知道它会是最小的：）谢谢你的帮助help@Rob没问题，很乐意帮忙。我看了太久了，我知道这将是一件微不足道的事情：）谢谢你的支持help@Rob没问题，很乐意帮忙。