使用CSS的字体集配置(属性选择)优化WordPress博客的字体显示

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

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

    • 是的,它的设计初衷就是为了个人使用,但其实已经有很多的大型机构将其用于大型网站构建、电商设计等等,毕竟WordPress的插件机制还是很先进、很有趣的。就我个人这半年对WordPress的二次开发来说,这是一个非常优秀的内容管理系统,既保持开箱即用的特色,又给了开发者足够多的自由性。

发表评论

电子邮件地址不会被公开。 必填项已用*标注