私はこの行を使用して、それをINGの@import
ことにより、SASSを使用してFontAwesomeをロードしようとしているの読み込みコンソールで「ネット:: ERR_ABORTEDを」結果ではなくコンソールではなく、負荷にFAのアイコンを取得:?FontAwesome [SASSは]アイコン
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;
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?
を確認した後、私は何の適切な結果を得ることはありません。
私はこの記事accrossに来た:"NetworkError: 404 Not Found fontawesome-webfont.woff?v=4.0.3 ...それはApache2のサーバーの修正かもしれない言及 私は持っていない(私は私のetc/apache2/sites-available/test.conf
に...コードの一部を追加する場所はかなりわかりません?)このオプションはまだテストされていますが、ローカルホストでローカルに動作する場合は、この変更をクライアントページに適用すると問題が発生する可能性があります(本番WebサイトはApacheの設定で何も変更できないサーバー上でホストされます - 悪いホスティング会社のサービスのため)。
これには他に解決策がありますか?おそらく、このコード部分(または他のもの)を.htaccessファイルに追加するのでしょうか?
このケースではどのような解決策がありますか?一息 - - SASS - ?NPM
は、あなたが私を助けに役立つかもしれないと私は