本文完整阅读约需 3 分钟,如时间较长请考虑收藏后慢慢阅读~

WordPress中存在着大量的国外主题,这些主题尤其偏好使用衬线字体,对应到中文就是宋体,而众所周知,宋体在显示屏上的显示效果一团糟。这篇博客便来为大家提供美化WordPress字体的简单方案。

以管理员身份登录WordPress后,点击主页上方banner的自定义选项,复制以下代码到自定义CSS的框中:

*:not([class*="icon"]):not(i) {
    font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei" !important;
}

此CSS代码相对于互联网上流行的其他代码有几大特色:
– 字体集优化:针对多操作系统进行兼容,例如苹方字体、文泉驿微黑
– 兼容性优化:通过css3的属性选择器避免了iconfont被自定义字符集覆盖,导致图标无法显示的BUG

此代码虽然简单,但是由于经常用到,在这里分享出来,如果大家有更好的字体方案,欢迎评论,相互学习!