谷歌字体不能直接加载,第三方的方案经常不稳定,一款把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 即可使用谷歌字体了