google 字体导入本地项目原创

April 26, 2020
haiqing
182
离线下载Google字体,本地加载

谷歌字体不能直接加载,第三方的方案经常不稳定,一款把google字体资源下载到本地工具可以完美的用上google字体。

Google Fonts Offline

项目地址:https://github.com/makovich/google-fonts-offline

使用方法

安装node及npm,这里不做介绍

全局安装

npm install -g google-fonts-offline

新建项目

cd ~
mkdir fontOffline

https://fonts.google.com/ 找到字体资源,生成嵌入字体的链接 ,如 "https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap"

下载字体

goofoffline "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap"

完成后生成了fonts 目录,加载 fonts 目录下的 fonts.css 即可使用谷歌字体了