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

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

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

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

111.png

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

首先将字体css引入到网站

code

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

添加调用字体到全局css

code

  1. * {font-family: MiSans}

思源宋字体方法同上

code

  1. //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}

Copyright © 2018-2023 PHP源码网 版权所有
PHP源码网 » 网站调用小米官方字体和思源宋CSS

提供最优质的资源集合

立即查看 了解详情