更换网站字体为阿里巴巴普惠体

虽是一件小事,还是水一篇吧!

最近发了几篇文章感觉主题自带的字体颜色太浅,阅读体验不佳,准备换一个,之前看到别的博友发了更换字体相关的文章,就去找了找。

更换网站字体为鸿蒙字体 – 若志 • 随笔 (rz.sb)

总结一下常用汉字,精简字体文件加快网站加载速度 – 火喵博客・日记本 (dorcandy.cn)

鸿蒙字体圆圆的感觉不舒服,火喵的没看出来是什么字体,试用了一下看到文章内留了一个阿里巴巴字体库的链接点进去看了看发现可以在线引用,挺不错,其中阿里巴巴普惠体深得我心,就决定是它了。

使用方法:放进主题的自定义CSS代码

/*全站字体美化*/
@font-face{
font-family: 'moe';
src: url('//at.alicdn.com/t/webfont_jq0x47mjt6a.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_jq0x47mjt6a.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_jq0x47mjt6a.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_jq0x47mjt6a.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_jq0x47mjt6a.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_jq0x47mjt6a.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}
body{
font-family:'moe';
}
.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.lazyloading:not(.swiper-lazy-loaded){opacity: 0;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
  }

与此同时我还将文章正文字号,从15.5px调整到了16.2px

/* 调整正文字号 */
.wp-posts-content {line-height: 2;font-size: 16.2px;}

3月17 13点33:折腾半天还是用了阿里CDN,自己的CDN跨域没搞定,字体不加载。

© 版权声明
THE END
喜欢就支持一下吧
点赞64赞赏 分享
评论 共21条
匿名的头像 - 登山亦有道
提交


匿名的头像 - 登山亦有道

昵称

在 WordPress 上使用 Sticker Heo 增添互动时的乐趣吧 !

取消
昵称表情代码图片
    • 哥斯拉的头像 - 登山亦有道
      哥斯拉 Windows Chrome 90.0.4430.212
      • 晨岩的头像 - 登山亦有道
        晨岩 Windows Edge 99.0.1150.55
    • 钉子的头像 - 登山亦有道
      钉子 Android Chrome 92.0.4515.105
    • Lvtu的头像 - 登山亦有道
      Lvtu Macintosh Safari 15.3
      • 晨岩的头像 - 登山亦有道
        晨岩 Android Chrome 99.0.4844.74
    • 风记星辰的头像 - 登山亦有道
      风记星辰 Windows Edge 99.0.1150.39
    • 拾风的头像 - 登山亦有道
      拾风 Macintosh Safari 15.3
      • 晨岩的头像 - 登山亦有道
        晨岩 Windows Edge 99.0.1150.39
    • 老张博客的头像 - 登山亦有道
      老张博客 Windows Edge 99.0.1150.39
    • 宁乐熙博客的头像 - 登山亦有道
      宁乐熙博客 Macintosh Safari 14.1.1
    • 常瑞的头像 - 登山亦有道
      常瑞 Windows Chrome 95.0.4638.69
    • 飞刀博客的头像 - 登山亦有道
      飞刀博客 Windows Edge 99.0.1150.39
    • 林羽凡的头像 - 登山亦有道
      林羽凡 Windows Firefox 98.0
      • 晨岩的头像 - 登山亦有道
        晨岩 Windows Edge 99.0.1150.39
    • 上海seo的头像 - 登山亦有道
      上海seo Windows Chrome 97.0.4692.99