谷歌字体被墙的替换解决方案

    CSS

包括WordPress、opencart等国外的cms普遍使用谷歌的cdn,jquery还好说,就一个文件,如果是字体文件的话逐个下载会比较麻烦。其实早有npm模块可以解决。废话不多说,直接上模块

使用npm模块下载字体

1
2
npm install -g goog-webfont-dl
goog-webfont-dl -a -f "Source Sans Pro" -y "italic,bold,regular"

参数介绍

其中的参数
-a 代表下载所有格式
-f 代表定义字体名称,后面空格后紧跟字体名
-y 代表字体样式(style) 其中多个字体样式以逗号隔开,例如:”italic,bold,regular” 或者 “300,500,700”
更多参数介绍可以查看goog-webfont-dl的官方文档:https://www.npmjs.com/package/goog-webfont-dl

注意:

字体名和字体样式的参数必须以双引号包含,单引号会报400错误。
这样下载后,它会自动帮你生成一个字体名称命名的css文件以及包含该字体所有格式的字体文件夹。

使用

使用的时候,只需要将上面的css复制到你自己的项目样式表中,或者直接新引用该样式表即可。
注意:需要修改字体的相对路径哦(默认为../fonts/fontname.ttf)的形式。

页阅读量:  ・  站访问量:  ・  站访客数: