@import "../node_modules/font-awesome/scss/font-awesome";
을하고 이러한 오류가 계속 콘솔과 부하에 FA 아이콘을받지 :
olympos.min.js 버전 = 1.0 : http://test.dev/wp-content/themes/fonts/fontawesome-webfont.woff2?v=4.7.0 그물을 GET 1 : (익명) @ olympos.min.js 버전 = 1.0 ERR_ABORTED : 1 (익명) @ olympos.min.js? ver = 1.0 : 1 (익명) @o lympos.min.js 버전 = 1.0 : 1
(색인) : http://test.dev/wp-content/themes/fonts/fontawesome-webfont.woff?v=4.7.0 순 :: ERR_ABORTED
(인덱스) GET 1 : http://test.dev/wp-content/themes/fonts/fontawesome-webfont.ttf?v=4.7.0 그물을 GET 1 : ERR_ABORTED
나는 FontAwesomes 웹 사이트의 original documentation을 따라했는데 결과는 비슷했습니다. - 파일을 변경했습니다.
node_modules/font-awesome/scss/_variables.scss
:$fa-font-path: "../fonts" !default;
hat 은 글꼴을 포함한 올바른/fonts 폴더를 가리 킵니다.font-awesome.scss
을 내 sass 작업에 추가하고 내 프로젝트 scss_fonts.scss
파일에는 추가하지 않음으로써 내gulpfile.js
에서로드를 시도했습니다.
이 내 현재 로컬 _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 내가하지 않은 :
는이 게시물을 건너 온 (내etc/apache2/sites-available/test.conf
에 코드 부분을 ... 추가 어디 아주 확실하지 않다 무엇입니까?) 이 옵션을 아직 테스트했는데, 문제는 내 로컬 호스트에서 로컬로 작동하는 경우 내 클라이언트 페이지에이 변경 사항을 적용하는 데 문제가 될 수 있습니다 (프로덕션 웹 사이트는 아파치 구성에서 아무것도 변경할 수없는 서버에서 호스팅됩니다. 나쁜 호스팅 회사 서비스로 인해).
다른 해결책이 있습니까? 이 코드 부분을 .htaccess 파일에 추가하는 것일까 요?
이 경우 가능한 해결책은 무엇입니까?
우분투 16.04 사용 - 꿀꺽 - SASS - NPM은
당신이 내 도움을 내가 내 게시물 업데이트됩니다 도움이되는 추가 정보를 요청 자유롭게