模板网站未正确导入字体和图标

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');