为Typecho网站站点添加好看的字体

TNT

1年前发布 /正在检测是否收录...

0 10 0

在自定义CSS加入如下代码即可：

@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap;
src:url(输入文件的链接) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium}
body {font-family: HarmonyOS!important;}

无自定义css的主题直接加载head文件

<style>
@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap;
src:url(输入文件的链接) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium}
body {font-family: HarmonyOS!important;}
</style>

直接引用CDN

1，上传woff2文件到cdn托管，例如我的cdn.eees.cn/font目录

2，新建css文件命名为font.css

@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap;
src:url(//cdn.eees.cn/font/jinbuti.woff2) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium}
body {font-family: HarmonyOS!important;}

3,在网页meta处引用此css

<link rel="stylesheet" href="//cdn.eees.cn/css/font.css"/>

文章版权归作者所有，未经允许请勿转载。

THE END

喜欢就支持一下吧

本站资源多为网络收集，如涉及版权问题请及时与站长联系，我们会在第一时间内删除资源。

本站用户发帖仅代表本站用户个人观点，并不代表本站赞同其观点和对其真实性负责。

本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。

本站资源大多存储在云盘，如发现链接失效，请及时与站长联系，我们会第一时间更新。

转载本网站任何内容，请按照转载方式正确书写本站原文地址。