将 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>

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

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

原文由 Kichu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

font-family:"Calibri (Body)";

原文由 Dandy 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

更改 div 使用的字体类型

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

用于 WordPress 的主菜单

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

原文由 The Coding Bus 发布，翻译遵循 CC BY-SA 4.0 许可协议