能否把google fonts 下载到本地使用?

发布于 2022-09-02 20:35:20 字数 429 浏览 15 评论 0

包括css,woff2文件一起本地,然后url(本地woff2文件),可以吗?

这样不需要在线请求。

.....................补充分割线...................................

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('1.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夜深人未静 2022-09-09 20:35:20

chrome上

知道链接,在新窗口打开可以下吧, 我试了下bootstrap的,可以哦 http://cdn.bootcss.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff2

css新窗口打开可以看到css内容,右键就可以另存为了。

溺渁∝ 2022-09-09 20:35:20

比如你想用Roboto这个字体(300 400大小):

  1. google font api: https://fonts.googleapis.com/css?family=Roboto:300,400

  2. 直接保存到本地, 存为roboto.css

  3. 这个css中有很多的字体文件, 一一下载到本地, 比如一个/fonts/roboto的路径(可以选择性下载)

  4. 更改刚才的css, 将http地址改为本地.

  5. 使用:

fonts-google
font-family: 'Roboto', sans-serif;

PS:
只适用少量字体, 否则太麻烦.
批量方案: 使用第三方cdn, 360公共CDN~目前为止只有不喜欢的360搞了这个font字体库cdn~

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文