Question

当我在客户端服务器上部署我的Web项目时，我收到此错误并且页面加载缓慢。

GET https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic net::ERR_CONNECTION_TIMED_OUT

浏览器在Jquery javascript行上给出了这个错误：

<script type="text/javascript" src="/DART/static/assets/plugins/jQuery/jQuery-2.1.4.min.js"></script>

所有javascript和css文件都在我的项目中，因为在服务器后面，防火墙几乎阻止了所有外部URL。我发现这行为css，我应该用本地URL更改。

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

从here我下载了字体如何在我的项目中导入它？感谢

已解决 ：

正如GeorgeGkas建议的那样，我在我的项目中添加了从localfont获取的文件夹，然后我必须将所有网址更改为font.css，在每个网址之前添加../。例如，url('/fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.eot');已成为url('../fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.eot'); 感谢

Answer 1

据我了解，您希望在项目中手动导入字体。我建议你使用localfont.com。只需选择您的字体并勾选您喜欢的所有变体。 Web应用程序将生成包含以下内容的zip文件的下载链接：

带字体格式的字体文件夹（.ttf，.woff2，.woff）。 你不需要玩那些。
包含您要求的font.css的{{1}}文件。只需将其粘贴到您的项目并操作@font-face m，如果您必须指向fonts文件夹。

如果你在网站上面添加问题选项，你会得到下面的css文件，以及fonts文件夹。

urls

使用google apis字体

1 个答案: