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

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字体选择菜单中看到了此字符串,但它不是字体名称(请参阅解释字体:+ body(在W07中)).

所以使用just 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)";