将 Calibri (Body) 字体应用于文本答案

【问题标题】：Apply Calibri (Body) font to text将 Calibri (Body) 字体应用于文本
【发布时间】：2012-06-04 07:51:45
【问题描述】：

我有一个 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 输出时，字体系列没有样式。

【问题讨论】：

标签： css html font-family

【解决方案1】：

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

font-family:"Calibri (Body)";

【讨论】：

【解决方案2】：

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

所以只使用font-family: Calibri 或者更好的是font-family: Calibri, sans-serif。（Calibri 没有足够的备用字体，但很可能当 Calibri 不可用时，浏览器的默认无衬线字体比浏览器的默认字体（通常是衬线字体）更适合您的设计。）

【讨论】：

【解决方案3】：

更改 div 使用的字体类型

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

用于 WordPress 的主菜单

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

【讨论】：