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


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

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

具體步驟如下

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

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

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

點擊“+”號,輸入字體名稱FontAwesome,選擇鏈接到css文件,

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

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

5️⃣、在axure中拖入一個標簽元件(任何可以輸入文字的都行),設置字體為FontAwesome,將文本替換(粘貼)為剛復制的圖標。

OK,你可以F5預覽或者直接生成html了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM