如何將 Font Awesome 轉(zhuǎn)成 PNG 圖標(biāo)
Font Awesome為Twitter Bootstrap提供了一種***的圖像字體.它還提供了CSS的很強(qiáng)的擴(kuò)展性. CSS 提供了一種描述HTML的機(jī)制,可以讓你自由的設(shè)計(jì)網(wǎng)頁。 你能給Font Awesome加上各種各樣的參數(shù)來滿足你的需求,比如說改變字體,字體大小,圖標(biāo)顏色,陰影等等。
Font Awesome 誘人的特性
Font Awesome只為Boostrap設(shè)計(jì), BootStrap是一個(gè)前端開發(fā)的工具,可以幫助我們?cè)诰€開發(fā)響應(yīng)式和移動(dòng)項(xiàng)目。即使你擁有不同的網(wǎng)頁設(shè)計(jì)技能,你也能快速使用Font Awesome設(shè)計(jì)出富有創(chuàng)造性的圖標(biāo).即使用單一的字體,你也可以創(chuàng)建369不同風(fēng)格的圖標(biāo),這一點(diǎn)很像象形語言. Font Awesome現(xiàn)在的版本是 4.0.0.兼容性問題不是問題,因?yàn)樗灰蕾嘕avaScript. 定制過程的過程只涉及以直觀的方式使用CSS。 其可擴(kuò)展矢量允許你更改圖標(biāo)的大小,以適應(yīng)任何設(shè)計(jì),讓你的標(biāo)志性設(shè)計(jì)看起來更加吸引人。
將Font Awesome轉(zhuǎn)換為PNG
Font Awesome能很容易的轉(zhuǎn)換為PNG文件. 這種文件格式支持無損數(shù)據(jù)壓縮,它使用的PNG文件擴(kuò)展名或?yàn)槎嘤猛綢nternet郵件擴(kuò)展(MIME)的圖像/ png格式的媒體類型.使用PNG以全彩色非調(diào)色為基礎(chǔ),并支持灰度圖像。PNG是一個(gè)被廣泛使用的網(wǎng)頁設(shè)計(jì)師最常用的無損圖像壓縮格式。因?yàn)樵贑SS中iconic font 可以使用,你需要將Font Awesome按一下步驟轉(zhuǎn)換為PNG文件:
方法一:
-
Step 1.從 Font Awesome website.下載Font Awesome 程序。
-
Step 2.從Github上下載 the Font Awesome TTF File.
-
Step 3. 保存Font Awesome 使用文檔。
-
Step 4.以下是一個(gè)轉(zhuǎn)換 Font Awesome icons 的例子:使用此代碼導(dǎo)出24×24像素的播放和停止圖標(biāo),并且提取Font Awesome圖標(biāo)。
- Font-awesome-to-png.py - - size 24 play stop
使用下列命令導(dǎo)出32 x 32位圖的星號(hào)圖標(biāo),來提取Font Awesome圖標(biāo).
- Font-awesome-to-png.py –size 32 –color blue asterisk
通過使用此代碼導(dǎo)出所有可提取Font Awesome圖標(biāo)的圖標(biāo).
- Font-awesome-to-png.py ALL
可定制你要轉(zhuǎn)換為PNG文件的圖標(biāo)式字體和圖標(biāo)
有很多 Font Awesome 圖標(biāo),你可以提取并轉(zhuǎn)換成PNG文件。***版本的 Font Awesome 是4.0,它在不斷更新不同類別的很棒的新的;圖標(biāo)設(shè)計(jì)。你可以從這些圖標(biāo)中選擇:品牌,Web應(yīng)用,貨幣,表單控制,方向,文本編輯器,醫(yī)療和視頻播放器。這些圖標(biāo)在視網(wǎng)膜顯示器上看起來很好,因?yàn)樗鼈兪鞘噶繄D形。
Font Awesome 4.0 中的更新
如果您運(yùn)行的是 Font Awesome 的舊版本3.2.1,現(xiàn)在可以直接從 Font Awesome 網(wǎng)站升級(jí)到***的 4.0 版。有很多可供網(wǎng)頁設(shè)計(jì)師選擇的自定義選項(xiàng),包括內(nèi)陸生物圖標(biāo),大圖標(biāo)和固定寬度的圖標(biāo),旋轉(zhuǎn)中的圖標(biāo),堆疊的和旋轉(zhuǎn)方向的,還有翻轉(zhuǎn)的圖標(biāo)等等。
您可以提取該文件,并使用上述步驟轉(zhuǎn)換成PNG格式。 關(guān)于Font Awesome的***的事情是,它是一個(gè)開源的,任何人都可以隨時(shí)相應(yīng)地縮放圖標(biāo)的大小不影響圖標(biāo)的圖形質(zhì)量。 有時(shí)改變圖像的大小可以妥協(xié),特別是當(dāng)它的大小被放大的圖像的像素化。 此問題不會(huì)發(fā)生在Font Awesome圖標(biāo),因?yàn)樗斜A羝湓枷袼氐母咂焚|(zhì)狀況的能力。 網(wǎng)頁設(shè)計(jì)師建議使用PNG格式的Font Awesome圖標(biāo),此時(shí)圖像的質(zhì)量較好時(shí)且不小于216px x216px大小。
英文原文:How to convert Font Awesome to png icons
譯文鏈接:http://www.oschina.net/translate/how-to-convert-font-awesome-to-png-icons