你是不是還在爲你的網站做一個很小的圖標而忙碌著?你是不是還在爲找一個圖標導出百度或者谷歌?你有沒有想過可以用字體來做一個圖標代替普通的圖片圖標?
這兩天給公司做案例,由于自己又對設計不熟悉,尋找圖標的苦差可不是很好做。同事分享了一個用字體代替圖片做網站圖標的資源,在此非常感謝!
Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作。丢掉图片图标吧,跟我一起来用Font Awesome。
使用方法:
1. 下载 Font Awesome 官方网站:http://fontawesome.io/
2. 安装 Font Awesome 到你的系统,可双击安装或者直接复制到 C:\Windows\Fonts目錄下
3. 在Axure中拖入一个元件,并设置该元件使用 FontAwesome字体
4. 設置頁面加載時元件文字爲以下任一一個代碼(例如第一個圖形代碼是)
5. 生成原型,查看效果
Font Awesome 特性:
1、一个字体文件, 249 个图标。
2、用CSS控制樣式。
3、無限縮放。
4、個人、商業均可自由使用。
5、支持IE7+。
6、在Retina屏幕上也能完美呈現。
7、設計師的助手。
8、兼容屏幕閱讀器。
Font Awesome小图标预览:
視頻教程:http://www.yuanxingku.com/axurevideo/axurebasic/88.html
本文出自 “8366986” 博客,请务必保留此出处http://8376986.blog.51cto.com/8366986/1405683
在Axure中使用FontAwesome替換你的網站圖標[axure小技巧],布布扣,bubuko.com
在Axure中使用FontAwesome替換你的網站圖標[axure小技巧]
原文地址:http://8376986.blog.51cto.com/8366986/1405683