字體真棒袋圖標不顯示

一切工作正常與其他圖標，使用I類HTML，但當我使用fa fa購物袋每字體真棒網站代碼的圖標，它不顯示。字體真棒袋圖標不顯示

2016-02-14 Manntis

同樣的問題.. :( – Peace

這是問題所在，如果你使用的是本地CDN的font-awesome，那麼你的fa類變成圖標，所以你必須同時使用fa和圖標。

試試這個fa fa fa-shopping-bag icon icon icon-shopping-bag。

如果本地CDN
編輯您的字體真棒文件的位置爲好。

@font-face{font-family:'FontAwesome'; 
src:url('../fonts/fontawesome-webfont.eot?v=4.4.0'); 
src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');

也下載字體。

如果您使用本地的CDN，這些都是解決方案。

來源

2016-02-14 05:25:43

正如我在我的原始文章中所說的，它適用於在完全相同的條件下使用完全相同的語法的所有其他圖標只有這個特定的圖標失敗 – Manntis

'fa fa-shopping-bag'創建於v4.5的font-awesome，所以嘗試使用font-awesome的更新版本。 –

我直接從Font Awesome中取出，而不是使用本地版本。那麼如何「更新版本」呢？ – Manntis

我剛剛有同樣的問題。「font-awesome」被包含在我們網站的基礎包中。具體來說，我們使用在asp.net中開發的BV Commerce。有一個主文件，其中包含指向font-awesome的鏈接。您應該只需更新鏈接中的版本號即可。

由於版本可能更改，請先到font-awesome網站並查看頁腳。當前版本號顯示在那裏。

接下來更改鏈接中的版本號。當前在這個職位的鏈接是

`<link href="//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet" />`

這解決了我的問題。

如果您有多個主文件，您將需要搜索整個解決方案，以查找所有對font-awesome的引用。

希望這會有所幫助。

來源

2016-09-06 15:55:43 Roger

字體真棒4.6.3 –

字體真棒袋圖標不顯示

回答

相關問題