CSS Google Font Url 有我网站的域前缀答案

【问题标题】：CSS Google Font Url has my site's domain prefixedCSS Google Font Url 有我网站的域前缀
【发布时间】：2015-10-17 22:24:13
【问题描述】：

在我的 sass 中，我有以下行：

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

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

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

【问题讨论】：

我不知道这和 Sass 有什么关系。这里没有足够的信息来重现问题，因为 Sass 甚至不接触外部 CSS 文件，并且不可能做你声称的事情。
我认为你应该在html页面中添加一个标签google.com/fonts#QuickUsePlace:quickUse
无法复制：sassmeister.com/gist/2a57eb4987a6c9194523
@cimmanon 如果我知道这与它有什么关系，我一开始就不会发布这个问题
我的意思是，您甚至还没有尝试检查问题出在哪里。您没有查看已编译的 CSS（这可以解释 404）。您可能有一个后处理器来处理您的 CSS，而您甚至都没有提及。

标签： css url sass google-font-api

【解决方案1】：

你的 CSS 现在是 src:

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

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

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

或者只是链接原始的东西。

【讨论】：

我将 url(fonts.googleapis.com/…) 中的内容直接复制到了 css 的末尾，它起作用了。仍然不知道为什么导入失败