AI摘要
TianliGPT
生成中...
虽是一件小事,还是水一篇吧!
最近发了几篇文章感觉主题自带的字体颜色太浅,阅读体验不佳,准备换一个,之前看到别的博友发了更换字体相关的文章,就去找了找。
总结一下常用汉字,精简字体文件加快网站加载速度 – 火喵博客・日记本 (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;}}/*全站字体美化*/ @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; } }/*全站字体美化*/ @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;}/* 调整正文字号 */ .wp-posts-content {line-height: 2;font-size: 16.2px;}/* 调整正文字号 */ .wp-posts-content {line-height: 2;font-size: 16.2px;}
3 月 17 13 点 33:折腾半天还是用了阿里 CDN,自己的 CDN 跨域没搞定,字体不加载。
© 版权声明
作者:晨岩
链接:https://chenyan98.cn/3105.html?replytocom=1509
本站所有文章除特别声明外,均采用 BY-NC-SA 4.0 许可协议。转载请注明出处!
THE END