我有一個WordPress CMS網站,對于所有的圖標(fontawesome + IcoMoon)我沒有使用CDN,我有這些圖標字體和CSS文件上傳到服務器。
以下是我為Fontawesome 6準備的字體文件(我已經在官方網站下載了Fontawesome軟件包):
fa-brands-400.ttf
fa-brands-400.woff2
fa-regular-400.ttf
fa-regular-400.woff2
fa-solid-900.ttf
fa-固體-900.woff2
fa-v4兼容性. ttf
fa-v4兼容性. woff2
我使用SASS進行web開發,所以我所有的自定義SASS文件fontawesome SASS文件都被編譯成1個CSSfile。
我也有一個規范化SASS文件,所以我像這樣導入了第一個文件:
style.scss文件:
@ import & quot正?;? quot; @ import & quot供應商/賣主& quot;
_vendors.scss文件:
@ import & quotfont awesome/font awesome . scss & quot;; @ import & quotfont awesome/regular . scss & quot;; @ import & quotfont awesome/solid . scss & quot;; @ import & quotfont awesome/brands . scss & quot;;
當網頁加載(或刷新)時,它有時加載圖標沒有問題,但有時當頁面重新加載時,它會顯示為空白方塊。(比如下面的截圖)
有什么問題?