css 将Calibri(正文)字体应用于文本

8qgya5xd  于 2023-04-08  发布在  其他
关注(0)|答案(3)|浏览(251)

我有一个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的输出时,没有字体家族的样式。

k5ifujac

k5ifujac1#

没有“Calibri(Body)”这样的字体。您可能在Microsoft Word字体选择菜单中看到过此字符串,但它不是字体名称(参见例如解释Font: +body (in W07))。
所以只使用font-family: Calibri或者更好的font-family: Calibri, sans-serif。(Calibri没有足够的备用字体,但当Calibri不可用时,浏览器的默认无衬线字体比浏览器的默认字体更适合你的设计,后者通常是衬线字体。)

7d7tgy0s

7d7tgy0s2#

更改div使用的字体类型

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

在WordPress的主菜单

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

k5ifujac3#

如果字体的字母之间有空格,则需要使用引号。
font-family:"Calibri (Body)";

相关问题