虽是一件小事,还是水一篇吧!
最近发了几篇文章感觉主题自带的字体颜色太浅,阅读体验不佳,准备换一个,之前看到别的博友发了更换字体相关的文章,就去找了找。
总结一下常用汉字,精简字体文件加快网站加载速度 – 火喵博客・日记本 (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跨域没搞定,字体不加载。
© 版权声明
作者:晨岩
本站所有文章除特别声明外,均采用 BY-NC-SA 4.0 许可协议。转载请注明出处!
THE END
喜欢就支持一下吧
1延时摄影(上海外滩)
2Centos7环境下更新PHP7.2到PHP7.4(WordPress)
3WP-Rocket 进阶优化–安装Nginx插件
4霓虹街,淮海街
5第02讲:【回顾】C#编程核心语法汇总强化与常见问题分析
6C# 从DataGridView导出Excel的两种方法
7放假回家的十来天
8一辈子不要瞎忙,首先做对这4件事
9Edge浏览器时区显示错误的解决方法
10升级蓝牙线、转卖树莓派
112021年7月小结
12完整的看了一遍《千与千寻》
13第09讲:.NET中的继承各种实战应用与多态原理分析
14更换滚轮编码器、买GoPro
15苏州休闲卡景点汇总
社交帐号登录