2017-08-08 42 views
0

我正嘗試在我的HTML頁面中使用離子圖標。但圖標不顯示。 我將<link src="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" src_type="url" rel="stylesheet" type="text/css"/>鏈接到我的頁面中。我想在我的HTML頁面中使用離子圖標,但圖標不顯示

並使用圖標:<i class="ion-close-round"></i> 我對編程非常陌生。那麼,有什麼幫助?

+3

在這裏分享你的代碼 –

+0

如何分享.. ?? – Azhar

+0

[去那裏怎麼問](https://stackoverflow.com/help) –

回答

0

如果使用離子的,它將作品列表中,網格,山坳,和html標籤的

<ion-icon name="something"></ion-icon> 

使用。首先檢查package.json "ionicons": "3.0.0",是否存在。如果不是,請將此值放入package.json文件中。

+0

如果你想使用更多的圖標除了離子圖標,你可以添加字體真棒圖書館[鏈接](fontawesome.io/)。要在你的項目中安裝這個庫[鏈接](https://www.thepolyglotdeveloper.com/2016/03/use-font-awesome-icons-in-your-ionic-2-android-and-ios-app/)文件非常有用和簡單。 –

+0

謝謝你..我會嘗試 – Azhar

0

如果你想使用更多的圖標除了離子圖標,你可以添加font awesome library。要在您的項目document中安裝此庫是非常有用和簡單的。

+0

我不知道這是如何幫助海報與非顯示圖標完全... – Steve

0

使用下面你會得到星形圖標。

<i class = "icon icon ion-star"></i> 

您還可以使用星形圖標按鈕在

<button class="button button-icon button-clear ion-star">Shopping Cart</button> 

的方式就用它試試。

+0

它的工作..謝謝你 – Azhar

相關問題