今天，想起css3里面有content的屬性，心血來潮想去學(xué)習(xí)一下。

突然發(fā)現(xiàn)，fontawesome 這個框架很厲害，可以用文字方式定義多種多樣的圖標(biāo)（詳情可點擊：fontawesome官網(wǎng)，http://fontawesome.dashgame.com/?;）。那么我就想，既然axure里面我找不到合適的圖標(biāo)或符號，或者這些圖標(biāo)顏色不符合我的要求，那么可否使用文字的方式來定義axure里面的圖標(biāo)呢？這樣的話，既可以使用fontawesome定義的圖標(biāo)，又可以隨意改變圖標(biāo)的大小而失真，也可以輕易修改文字的顏色，那么該怎么做？

1.?下載fontawesome字體

1)可以從fontawesome官網(wǎng)下載，然后在fonts文件夾中找到fontawesome-webfont.ttf。

2) 百度網(wǎng)盤下載：http://pan.baidu.com/s/1c06abIw

2. 安裝fontawesome字體（安裝字體有很多種方式，根據(jù)系統(tǒng)而定，如下面方法不行，可百度）

直接雙擊字體文件，點擊安裝即可安裝該字體。

3. 將fontawesome 圖標(biāo)轉(zhuǎn)到axure中去（這步最為關(guān)鍵，也是最為復(fù)雜）

新建一個word文件，利用word文檔中特殊符號：

可將字體文件中所有圖標(biāo)全部插入到word文件中去，然后粘貼復(fù)制到axure中，即可使用這些矢量圖標(biāo)。

axure fontawesome icons組件下載鏈接：http://pan.baidu.com/s/1gd1Qg6Z (本人弄的，里面有些英文或分類可能不太適合你，請見諒)

完成以上三步，你就可以使用幾百個矢量圖標(biāo)，而且任由自己定義顏色，同時也解決我之前使用axure時找不到適合圖標(biāo)的糾結(jié)。似乎還有一個問題，就是別人看你發(fā)布給他的axure html，有可能他看不到你這些圖標(biāo)，因為這是系統(tǒng)字體來的。（但是，我放到我自身服務(wù)器上面，不用安裝這個fontawesome字體文件就可以正常瀏覽，發(fā)布給別人倒是沒試過，大家不妨可以嘗試一下）

希望，以后在axure學(xué)習(xí)道路上能越走越順！

(補充，用了兩天后，發(fā)現(xiàn)有一個技巧可以解決有關(guān)客戶端需要安裝系統(tǒng)文件方法：調(diào)整好字體大小，顏色后，可轉(zhuǎn)成圖像（右擊“Convert to Image”）)

本文由 @龍飛 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。