如何在Axure中使用FontAwesome字體圖標

Font Awesome爲您提供可縮放的矢量圖標,您可使用CSS所提供的全部特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。css

FontAwesome應用在web網頁開發中很是方便,那麼在原型設計中是否能使用呢?答案是確定的,本文將介紹如何在Axure中應用FontAwesome字體。html

具體步驟以下git

1️⃣、訪問 http://fortawesome.github.io/Font-Awesome/  下載最新版本的FontAwesome(當前爲4.3),解壓下載的壓縮文件github

2️⃣、打開font文件夾,雙擊安裝.otf和.ttf結尾的字體web

3️⃣、打開Axure,點擊菜單  發佈>預覽選項(或ctrl+F5)>配置>web字體。bootstrap

點擊「+」號,輸入字體名稱FontAwesome,選擇連接到css文件,字體

輸入地址:http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css  肯定,關閉。設計

4️⃣、打開圖標列表網址 http://fortawesome.github.io/Font-Awesome/cheatsheet/  選擇中意的圖標,複製圖標 複製圖標 複製圖標(重要的事情說三遍)cdn

5️⃣、在axure中拖入一個標籤元件(任何能夠輸入文字的都行),設置字體爲FontAwesome,將文本替換(粘貼)爲剛複製的圖標。htm

OK,你能夠F5預覽或者直接生成html了。

相關文章
相關標籤/搜索