网站调用小米官方字体和思源宋CSS

道言偶然发现小米官网的字体无防盗链,可以直接使用,而且小米还储存了思源宋体。

为什么用别人的字体呢?本地储存字体加载起来很慢,自己服务器慢的话那就可想而知了,所以我们可以利用小米官网储存的字体加速,看链接就知道这是小米官网,放心使用~

20240421173812720-图片

链接中的400,600,700 可以去除其中一个,分别对应字体的粗细,看自己需求。

小米字体和思源宋字体引入到网站方法:

首先将字体css引入到网站

<link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans" />

添加调用字体到全局css

* {font-family: MiSans}

思源宋字体方法同上

//css引用
<link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=Source_Han_Serif:400,600:Source_Han_Serif" />

//css调用
* {font-family: Source Han Serif}
© 版权声明
THE END
点赞28 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容