2017-10-16 61 views
0

我试图加载使用SASS FontAwesome通过@import使用此行是荷兰国际集团:FontAwesome [上海社会科学院]结果“网:: ERR_ABORTED”控制台,而不是加载图标

@import "../node_modules/font-awesome/scss/font-awesome"; 

,并不断收到的这些错误控制台,没有得到英足总的图标加载:

olympos.min.js版本= 1.0:1 GET http://test.dev/wp-content/themes/fonts/fontawesome-webfont.woff2?v=4.7.0 网:: ERR_ABORTED(匿名)@ olympos.min.js版本= 1.0:1 (匿名)@ olympos.min.js?ver = 1.0:1(匿名)@ o lympos.min.js版本= 1.0:1

(指数):1 GET http://test.dev/wp-content/themes/fonts/fontawesome-webfont.woff?v=4.7.0 净:: ERR_ABORTED

(指数):1 GET http://test.dev/wp-content/themes/fonts/fontawesome-webfont.ttf?v=4.7.0 净:: ERR_ABORTED

  • 我试过在FontAwesomes网站上的original documentation以下,结果很相似 - 我已经改变了文件node_modules/font-awesome/scss/_variables.scss变量:$fa-font-path: "../fonts" !default;但是注意到t帽子它是指向正确/字体文件夹包括字体。

  • 尝试从我的gulpfile.js加载font-awesome.scss到我的sass任务而不是从我的项目scss _fonts.scss文件中加载它。

这是我当前本地_fonts.scss文件中的一些变化后:

@import "../node_modules/font-awesome/scss/font-awesome"; 
$fa-font-path: "../node_modules/font-awesome/fonts" !default; 
@import "../node_modules/font-awesome/scss/font-awesome.scss"; 
@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');  
    src: url('../node_modules/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype');  
    src: url('../node_modules/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');  
    src: url('../node_modules/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');  
    src: url('../node_modules/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');  
    src: url('../node_modules/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');  
    font-weight: normal;  
    font-style: normal; 
} 

审阅这篇文章How do I load font-awesome using SCSS (SASS) in Webpack using relative paths?

后,我没有得到正确的结果。

我来到翻过这篇文章:"NetworkError: 404 Not Found fontawesome-webfont.woff?v=4.0.3 ......提它可能是一个Apache2的服务器修复 我没有(我不太清楚其中的部分代码......添加到我的etc/apache2/sites-available/test.conf?)测试这个选项,但事情是 - 如果这在我的localhost本地工作,这可能是一个问题,将这个变化应用到我的客户端页面(生产网站托管在服务器上,我不能改变任何在Apache配置 - 由于一个糟糕的托管公司服务)。

有没有其他解决方案呢?也许将这个代码部分(或任何其他)添加到.htaccess文件?

这种情况下可能的解决方案是什么?

使用Ubuntu 16.04 - 一饮而尽 - 上海社会科学院 - NPM

随意请求任何可以帮助你帮助我,我将更新我的职务更多信息

回答

-4

为什么不直接使用CDN的FontAwesome?你不必做任何这些东西。给他们你的电子邮件,他们发送链接给你。

Font Awesome cdn

相关问题