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

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

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

更换网站字体为鸿蒙字体 - 若志 • 随笔 (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
喜欢就支持一下吧
点赞66赞赏 分享
评论 火喵酱, S̆̈, 晨岩, 哥斯拉, 钉子, Lvtu, 若志奕鑫, 风记星辰, 拾风, 老张博客, 宁乐熙博客, 常瑞, 飞刀博客, 林羽凡, 上海seo等人在此发表了23条热情洋溢的评论
匿名的头像 - 登山亦有道
提交
匿名的头像 - 登山亦有道

昵称

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

取消
昵称表情代码图片
    • 宁乐熙博客的头像 - 登山亦有道
      宁乐熙博客 Macintosh Safari 14.1.1
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 99.0.1150.39
    • 常瑞的头像 - 登山亦有道
      常瑞 Windows Chrome 95.0.4638.69
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 99.0.1150.39
    • 飞刀博客的头像 - 登山亦有道
      飞刀博客 Windows Edge 99.0.1150.39
    • 林羽凡的头像 - 登山亦有道
      林羽凡 Windows Firefox 98.0
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 99.0.1150.39
    • 上海seo的头像 - 登山亦有道
      上海seo Windows Chrome 97.0.4692.99