Question

我有一个div，在这个div中我想用Calibri（Body）字体显示一些文字。

我该怎么做？

这是我给出的css：

.an_account_join_1 {
    float:left;
    width:100%;
    color:#000000;
    font-family:Calibri (Body);
    letter-spacing:2px;
    font-size:14px;
    text-align:center;
    margin:20px 0px;
    }

这是div：

<div class="an_account_join_1">Individual Free Membership</div>

此字体系列没有显示字体样式。

当我查看firebug输出时，没有字体系列的样式。

Answer 1

没有“Calibri（Body）”这样的字体。您可能在Microsoft Word字体选择菜单中看到了此字符串，但它不是字体名称（请参阅例如解释Font: +body (in W07)）。

因此，只使用font-family: Calibri或更好的font-family: Calibri, sans-serif。（Calibri没有足够的备份字体，但可能的情况是，当Calibri不可用时，浏览器的默认sans-serif字体比浏览器的默认字体更适合您的设计，默认字体通常是serif字体。）

Answer 2

更改 div 使用的字体类型

.an_account_join_1{
font-family:"Calibri, sans-serif";
}

用于 WordPress 的主菜单

#primary-menu{
    font-family:"Calibri, sans-serif";
    }

Answer 3

如果字体字母之间有空格，则需要使用引号。

font-family:"Calibri (Body)";

将Calibri（Body）字体应用于文本

3 个答案: