使用CSS的字体集配置(属性选择)优化WordPress博客的字体显示
本文完整阅读约需 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
此代码虽然简单,但是由于经常用到,在这里分享出来,如果大家有更好的字体方案,欢迎评论,相互学习!
wordpress只适合个人用,现在这么认为
是的,它的设计初衷就是为了个人使用,但其实已经有很多的大型机构将其用于大型网站构建、电商设计等等,毕竟WordPress的插件机制还是很先进、很有趣的。就我个人这半年对WordPress的二次开发来说,这是一个非常优秀的内容管理系统,既保持开箱即用的特色,又给了开发者足够多的自由性。