设置WordPress字体

WordPress和Word不一样，没有默认的字体的设置框。选择一款WordPress主题后，文章各级标题和正文的字体设置通常就固定下来了，通常是保存在style.css文件中。WordPress主题多是老外做的，中文字体显示不够美观，想修改字体设置，需要修改style.css文件的相关代码，难度稍大。

CSS文件中font-size可设置字体尺寸，通常把正文(body)设置为14px，其它各级标题会等比例变化。

body,
    button,
    input,
    select,
    textarea {
        font-size: 18px;
        font-size: 1.125rem;
    }

    h1 {
        font-size: 30px;
        font-size: 1.875rem;
    }

    h2,
    .home.blog .entry-title,
    .page .panel-content .recent-posts .entry-title {
        font-size: 26px;
        font-size: 1.625rem;
    }

CSS文件中font-family可设置字体，font-family通常会指定多种字体，如果浏览器不支持第一个字体，会尝试下一个。主题twenty seventeen默认的font-family:”PingFang TC”,”Helvetica Neue”,Helvetica,STHeitiTC-Light,Arial,sans-serif，我更换如下

/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
    font-family:宋体,微软雅黑,Arial,Verdana,arial,serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
    font-family:宋体,微软雅黑,Arial,Verdana,arial,serif;
}

每个WordPress主题的CSS样式文件都有差异，通常都有很多个font-size和font-family的设置，比较标准的WorPress主题会设置一个body字体样式，后面的字体样式等比例缩放。如果修改后，对某处字体样式不满意，可右键查看网页源代码，找到对应的样式class，然后在css样式文件对应位置再次进行修改。

wordpress修改字体.png

修改后，一般需要清理下浏览器缓存，再次访问站点才可以看到效果。Mac Safari浏览器清理缓存方法是，safari -> 偏好设置 -> 隐私 -> 管理网站数据 -> 全部移除（或者部分移除） -> 完成。

设置WordPress字体

推荐阅读更多精彩内容