CSS Google 字体 Url 以我网站的域为前缀

Question

在我的 sass 中有以下行：

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Droid+Serif:400,400italic,700);

如果我将 Url 粘贴到浏览器中，我可以看到为每种字体定义了绝对 Url，例如：

src: local('Droid Serif'), local('DroidSerif'), url(http://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');

但是在 http://misterfresh.github.io/react-drive-cms

我的页面上

你可以在控制台看到我出现了三个缺少字体的错误，比如：

GET http://misterfresh.github.io/fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf 

Answer 1

你 CSS 现在是 src:

url(../../fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf)

您可以将其更改为（带引号或不带引号）：

url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf)

或者只是 link 原来的东西。