html - 模板站点未正确导入字体和图标

Question

我有this我需要根据客户需求定制的模板站点。但是它无法正确导入各种字体和图标。

style.css 文件包含这些行以通过 CDN 导入 FontAwesome。

@import url(//https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Exo+2:400,700,900);
@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(//fonts.googleapis.com/css?family=Pacifico:400,700);

我在加载网站时收到此错误:

GET file://fonts.googleapis.com/css?family=Pacifico:400,700 net::ERR_FILE_NOT_FOUND

我尝试将 CDN 链接更新到最新版本的 FontAwesome。文档中有修复字体错误的指南: http://i.imgur.com/CHeco0l.png

但这并没有解决我的问题。我可以简单地删除打包的字体，但如果可能的话我想保留它们。

Answer 1

您需要在所有链接前添加https:。

@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700,900');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');
@import url('https://fonts.googleapis.com/css?family=Pacifico:400,700');