2017-10-16 25 views
0

私はこの行を使用して、それを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

は、あなたが私を助けに役立つかもしれないと私は

答えて

-4

理由だけFontAwesomeのためのCDNを使用しないで、私の記事を更新する任意のより多くの情報を要求すること自由に感じのUbuntu 16.04を使用して

あなたはそのようなことをする必要はありません。彼らにあなたの電子メールを与えて、彼らはあなたにリンクを送信します。

Font Awesome cdn

関連する問題