Google Fonts国内本地化加速方案

Google Fonts国内本地化加速方案

Sucan
2021-08-18 / 1 评论 / 876 阅读 / 正在检测是否收录...

? 方法① :使用 国内镜像极客族公共CDN
优点:使用方便
缺点:目标用户包含国外的开发者,不清楚国外用户的加载速度

? 方法② : 本地化Fonts资源
在Google Font官网上选择字体并获取css链接,如下
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
将链接内容下载到本地保存,打开,内容如下:

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.font.im/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

将 @font-face 下 src属性下 url 处的文件下载到本地并保存,上传至你自己的服务器或者云存储
引用修改后的google fonts css文件,在CSS中指定字体
像这样编写CSS规则,即可使用这些字体:
font-family: 'Poppins', cursive;
就可以使用了。

参考资料:
https://www.zhihu.com/question/19578734
https://www.cnblogs.com/10manongit/p/12944182.html

表头表头
表格表格
表格表格
0

评论 (1)

取消
  1. 头像
    Kevin 作者
    Windows 10 · Google Chrome

    回复