css 中要用到了 google 的思源字体，加载不动怎么办？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2586 天前的主题，其中的信息可能已经有所发展或是发生改变。

css 里面加载了 google 的思源字体，慢极了，网页根本打不开。之前的一个 jquery.min.js 也是这样，后来换成百度的源就好了。但现在字体不知道怎么搞

css 里面原本是这样

@import url( http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url( http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url( http://fonts.googleapis.com/css?family=Volkhov:400italic);

按照网上的说法改成 360 的源。结果还是不行，加载不动，好像连接已经失效了。

@import url( http://fonts.useso.com/css?family=Open+Sans:400,300,600);
@import url( http://fonts.useso.com/css?family=Roboto:400,100,300,500,700);
@import url( http://fonts.useso.com/css?family=Volkhov:400italic);

我完全没搞过前端的东西，是直接拿别人 jekyll 的模板来改改，搭一个自己的站来看看，简单的改改内容还可以，但遇到这种烂事真不知道怎么办！

url

CSS

字体

思源

16 条回复 • 2017-10-26 19:43:41 +08:00

x86

2017-10-26 10:45:54 +08:00

参考 https://sb.sb/css-cdn

msg7086

2017-10-26 10:46:58 +08:00

帮你搜索了「 googleapis 国内镜像」

国内外优秀前端 CDN，Google Fonts 国内镜像| 程序猿日记
https://zhanqi.net/post/170425/
2017 年 4 月 25 日 - CDN 要求速度快，项目多，版本更新快，国内 BootCDN.cn 我觉得是最好的，没有之 ... Google Fonts. 原地址. ttps://fonts.googleapis.com/. 国内镜像 ...

CDNJS 库以及 Google Fonts、Ajax 和 Gravatar 国内加速服务 - 烧饼博客
https://sb.sb/css-cdn/
2017 年 8 月 5 日 - 由 Cat Networks 赞助的 CDNJS 和 Google 字体等国内加速服务. ... <link href='ttps://fonts.googleapis.com/css?family=Open+Sans' ...

morethansean

2017-10-26 10:48:32 +08:00

你确定要用自定义的中文字体？一个思源简体全字重 100MB + 单字重也将近 20MB 了，不要说什么可以设置缓存，我看个网页要下这么大个字体？

Alwaysonline

2017-10-26 10:52:16 +08:00

搭车求个教程，怎么反向代理这种字体文件。

好多公共库都没法长久，还是搞到自己域名上靠谱点。

zpf124

2017-10-26 10:53:09 +08:00

因为原来的 360cdn 公共库关了。

后来又新开了一个新站，然而最起码字体库这边我点不开。
https://cdn.baomitu.com/

zpf124

2017-10-26 10:58:15 +08:00

@Alwaysonline 你需要有个墙外的 vps，然后给他挂个域名。
最后用 nginx 配置反向代理，将访问这个域名的所有请求由这个 vps 转发给 googleapis。

tusj

2017-10-26 11:00:36 +08:00

@x86 @msg7086 我回头试试
现在 github 又抽风了，只能等会开完了再折腾，真是醉！

tusj

2017-10-26 11:03:00 +08:00

@morethansean 有这么吓人？
后面这个不是只下载其中一部分的意思？
``` css
Open+Sans:400,300,600
```

那平时网页的字体怎么办？强行要求设计师不能用千奇百怪的字体？

Alwaysonline

2017-10-26 11:11:13 +08:00

@zpf124 3Q，找下具体教程去。

morethansean

2017-10-26 11:14:01 +08:00

@tusj #8
你这个不是思源啊就是 Open Sans 啊……看了你上面的 css 一眼没有一个跟思源有关系……你这些英文字体都不大的，就是 CDN 源的问题，换个快点的吧……

580a388da131

2017-10-26 12:21:54 +08:00 via Android

Google 字体早就搬到北京机房了啊，我这也能打开。

abowloflrf

2017-10-26 12:27:56 +08:00

好像国内访问 google 字体资源已经没问题了，lz 看看自己什么原因吧
![]( http://omwczr0ux.bkt.clouddn.com/Snipaste_2017-10-26_12-26-14.png)

tusj

2017-10-26 14:16:34 +08:00

@abowloflrf
@580a388da131
用 google 真的是有种朝不保夕的感觉
难道前端没有 all in one 自备电池一说吗？什么都要依赖别人？

580a388da131

2017-10-26 14:28:08 +08:00 via Android

@tusj 那就下载到本地啊😯

tusj

2017-10-26 14:49:35 +08:00

@580a388da131 看上去并不只有一层依赖啊，要把整颗依赖树理清楚，拎出来，恐怕没这么简单吧。
是不是前端本来就是这个鸟样子，本来就是要相互依赖的？
想要反依赖单独抽出来完全自己掌控是不现实的？

srlp

2017-10-26 19:43:41 +08:00 via iPhone

你这个并不是思源字体。只是网络问题访问不了，找一找大陆镜像吧。

另外就你这个而言是可以下载到自己服务器里面的，只依赖了几个字体文件而已。