複数のCSSファイルを組み合わせて、私のWebサイトでhttpリクエストを減らそうとしています。私はコピーして貼り付けていますが、今の順番に貼り付けていますが、この巨大なCSSファイルを組み合わせて使用しようとすると、特定のアイコンが表示されません。この問題は、フォントがすばらしいCSSファイルであるように見えます。アイコンを表示すると、アイコンが表示されます。CSSファイルの統合機能
私は、複数のCSSファイルが、それらを順番に組み合わせる場合とまったく同じように機能していると思っていましたが、これは私には当てはまりません。結合されたCSSファイルが大きすぎる（466 kb）か、縮小されたファイルと通常のファイルが結合されているかどうかは分かりませんが、すべてのセレクタが正確に同じであることを確認しましたが、アイコン。
私が紛失しているCSSファイルを結合する方法はありますか？
フォントAwesomeは、フォントファイルが格納されているfontsディレクトリを参照します。結合されたCSSファイルでは、フォントフォルダーがCSSファイルに相対して正しい場所にあるか、素晴らしいフォントが使用されているフォントへのパスを変更する必要があるかどうかを確認する必要があります。
以下は、フォントAwesomeがフォントを参照するために使用するスニペットです。スタイルシートとフォントフォルダーが同じディレクトリにある場合は、../fonts/を./fonts/に変更する必要があります。
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
通常、awesomeというフォントのCSSは、CSSフォルダに格納されます。そのため、CSSはCSSよりも1つ上のフォントフォルダ内のフォントを見つけようとします。
ミニカーCSSを試すことができます。あなたはこのように体重を減らさなければなりません。
チェックリンク：CSS minifier
内容は* *同じ可能性が高いではありません。 – PeeHaa
font-awesomeには実際のフォントファイル（.eot、woff、ttf ecc ...）が必要です。 CDNを使用していた場合、すべてのリソースをダウンロードしてサーバーに入れる必要があります。とにかく、あなたのウェブサイトにアクセスしたユーザーが既にキャッシュされたファイルを持っている可能性が高いので、CDNを使い続けることをお勧めします。 https://www.sitepoint.com/7-reasons-to-use-a- cdn/ –