自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

如何將 Font Awesome 轉(zhuǎn)成 PNG 圖標(biāo)

開發(fā)
Font Awesome為Twitter Bootstrap提供了一種獨(dú)一無二的圖像字體.它還提供了CSS的很強(qiáng)的擴(kuò)展性. CSS 提供了一種描述HTML的機(jī)制,可以讓你自由的設(shè)計(jì)網(wǎng)頁。 你能給Font Awesome加上各種各樣的參數(shù)來滿足你的需求,比如說改變字體,字體大小,圖標(biāo)顏色,陰影等等。

Font Awesome為Twitter Bootstrap提供了一種***的圖像字體.它還提供了CSS的很強(qiáng)的擴(kuò)展性. CSS 提供了一種描述HTML的機(jī)制,可以讓你自由的設(shè)計(jì)網(wǎng)頁。 你能給Font Awesome加上各種各樣的參數(shù)來滿足你的需求,比如說改變字體,字體大小,圖標(biāo)顏色,陰影等等。

font-awesome-download 

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-cheatsheet 

將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文件:

方法一:

font-awesome-usage 

  • Step 4.以下是一個(gè)轉(zhuǎn)換 Font Awesome icons 的例子:使用此代碼導(dǎo)出24×24像素的播放和停止圖標(biāo),并且提取Font Awesome圖標(biāo)。

 

  1. Font-awesome-to-png.py - - size 24 play stop 

使用下列命令導(dǎo)出32 x 32位圖的星號(hào)圖標(biāo),來提取Font Awesome圖標(biāo).

  1. Font-awesome-to-png.py –size 32 –color blue asterisk 

通過使用此代碼導(dǎo)出所有可提取Font Awesome圖標(biāo)的圖標(biāo).

  1. Font-awesome-to-png.py ALL 

可定制你要轉(zhuǎn)換為PNG文件的圖標(biāo)式字體和圖標(biāo)

font-awesome-icons 

有很多 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)等等。

font-awesome-customization 

您可以提取該文件,并使用上述步驟轉(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

責(zé)任編輯:林師授 來源: 開源中國社區(qū) 編譯
相關(guān)推薦

2009-08-26 18:05:25

ViewState持久

2013-12-27 13:08:02

DockerLinux代碼轉(zhuǎn)換

2015-10-28 14:59:26

JAVA插件Chrome

2011-11-08 15:15:40

路由器復(fù)位

2012-11-07 15:57:34

OSSECMYSQL

2009-06-11 10:50:27

netbeans配置

2023-02-17 12:07:45

ChatGPTPython

2018-06-12 15:07:57

IT

2011-05-18 14:51:43

2013-11-29 13:47:54

創(chuàng)業(yè)創(chuàng)意產(chǎn)品

2021-09-14 14:50:05

SASTDevSecOps應(yīng)用安全

2017-06-30 10:00:15

2020-09-08 10:08:45

分析

2018-10-09 14:16:21

Hadoop數(shù)據(jù)移入數(shù)據(jù)傳輸

2022-10-08 00:35:48

gRPCGuice服務(wù)器

2022-09-14 11:32:49

物聯(lián)網(wǎng)物聯(lián)網(wǎng)技術(shù)

2022-09-21 12:37:43

物聯(lián)網(wǎng)安全設(shè)備

2023-06-07 09:00:00

JavaScript開發(fā)TypeScript

2017-11-21 08:36:00

MongoDB關(guān)系型數(shù)據(jù)庫數(shù)據(jù)導(dǎo)入

2022-08-19 08:00:00

OPA集成Kubernetes集群
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)