css - css 中的 AdellePE 粗体字体

Question

我有一个字体系列为 AdellePE Bold 的文本，我想知道如何在我们的 CSS 中使用它？

.blog-text
{
    position: absolute;
    top: 200px;
    font-weight: bold;
    left: 100px;
    color: rgb(254, 91, 31);
    font-family: AdellePE Bold ;
    font-size: 30px;
    letter-spacing: .24em;
}

我正在使用上面的代码，但不幸的是它与文本的字体不匹配。

Answer 1

如下声明字体

@font-face {
font-family: AdellePE Bold;
src: url(fonts/[FONT NAME].woff);
}

将上面的 [FONT NAME] 替换为您的字体文件的字体名称。您的字体可能需要单引号才能正常工作，因此请务必检查一下。

.blog-text
{
position: absolute;
top: 200px;
font-weight: bold;
left: 100px;
color: rgb(254, 91, 31);
font-family: AdellePE Bold ;
font-size: 30px;
letter-spacing: .24em;
}

让我知道它是否有效。