2016-08-15 51 views
0

我是網絡開發新手。在我的示例項目中,我已經包含了字體真棒插件(http://fontawesome.io/icons/)。我可以選擇各種可用的圖標。但我有兩個project specific imagesproject logo如何創建像字體真棒的圖標

問題1:我怎麼可以轉換項目特定圖像(PNG)到圖標,如「字體真棒」

問題2:我搜索了一點,然後發現,只不過是用SVG擴展名的文件。所以,如果我轉換已經有SVG格式的圖像就足夠了。

問題3:所以,一旦我創建SVG圖標,我就可以應用CSS樣式,因爲我應用於「字體超棒」圖標。

我對這一切都很陌生。請指導我。

+0

問題要求我們建議,查找或推薦書籍,工具,軟件庫,插件,教程,解釋技術或提供任何其他異地資源,都是無法用於堆棧溢出堆棧溢出 –

+0

我非常懷疑我要求提供任何書籍或任何推薦插件。在提問之前我做了功課,然後發佈了我的問題。我有一個滿意的答案,它本身沒有任何書籍推薦。謝謝 – Unbreakable

回答

1

問題1:我怎麼可以轉換項目特定圖像(PNG)到圖標,如「字體真棒」

link

一個PNG是位圖圖像風格和SVG是基於矢量的圖形 設計支持位圖,因此它不會將 圖像轉換爲矢量,只是嵌入基於矢量格式的圖像。您可以使用http://www.inkscape.org/這是免費的,您可以使用 。它會嵌入 ,但它也有一個實時跟蹤引擎,它會嘗試 將它轉換爲路徑,如果你願意(使用potrace)。

問題2:我搜索了一下,然後發現它們只是帶有svg擴展名的文件。所以,如果我轉換已經有SVG格式的圖像就足夠了。

問題3:所以,一旦我創建SVG圖標,我將能夠爲我申請的「字體真棒」圖標以應用CSS樣式。

您可以手動將它添加到font-awesome庫。另一方面,你應該使用一個在線工具來幫助你爲你的圖標創建一個自定義庫,而不是把它拉出來。我過去使用Icomoonflaticon成功。