虽是一件小事,还是水一篇吧!
最近发了几篇文章感觉主题自带的字体颜色太浅,阅读体验不佳,准备换一个,之前看到别的博友发了更换字体相关的文章,就去找了找。
总结一下常用汉字,精简字体文件加快网站加载速度 – 火喵博客・日记本 (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第49周周记
2《韭菜的自我修养》读书笔记
3坏心情,出去溜达溜达就没了
4第11讲:反射Reflection、接口多态与简单工厂模式
5WordPress cURL SSL过期导致RSS不可用
64月1日苏城小记
7充会员、做饭、屏蔽英文评论
8自行车小保养
9SQL Server基本数据查询
10关系数据库概述
1139元一月的宽带
12第45周周记
13苏城一隅的变化
14一半清醒,一半释然
15C# ADO.NET数据库操作及常用类概述
社交帐号登录