FontAwesome [上海社会科学院]结果“网:: ERR_ABORTED”控制台,而不是加载图标
我试图加载使用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
随意请求任何可以帮助你帮助我,我将更新我的职务更多信息