27

我有一个 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>

此字体系列不显示字体样式。

当我查看萤火虫输出时，字体系列没有样式。

4

3 回答 3

98

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

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

于 2012-05-30T05:18:37.277 回答
1

更改 div 使用的字体类型

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

用于 WordPress 的主菜单

#primary-menu{
    font-family:"Calibri, sans-serif";
    }
于 2021-03-19T09:36:53.563 回答
-9

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

font-family:"Calibri (Body)";

于 2012-05-30T04:57:46.457 回答