AdellePE Bold字体在css中

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-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;
}

让我知道它是否有效。