css中的AdellePE粗体字体

【问题标题】：AdellePE Bold font in csscss中的AdellePE粗体字体
【发布时间】：2017-06-07 03:49:47
【问题描述】：

我有一个字体系列为 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;
}

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

【问题讨论】：

这个类之前有没有声明过字体？
@No.如何申报？

标签： css fonts adobe typekit

【解决方案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;
}

让我知道它是否有效。

【讨论】：