码迷,mamicode.com
首页 > Web开发 > 详细

在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

时间:2014-05-03 20:43:58      阅读:562      评论:0      收藏:0      [点我收藏+]

标签:axure技巧   axure教程   axure字体   

你是不是还在为你的网站做一个很小的图标而忙碌着?你是不是还在为找一个图标导出百度或者谷歌?你有没有想过可以用字体来做一个图标代替普通的图片图标?
这两天给公司做案例,由于自己又对设计不熟悉,寻找图标的苦差可不是很好做。同事分享了一个用字体代替图片做网站图标的资源,在此非常感谢!
Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作。丢掉图片图标吧,跟我一起来用Font Awesome。

使用方法:

1. 下载 Font Awesome 官方网站:http://fontawesome.io/        
bubuko.com,布布扣
2. 安装 Font Awesome 到你的系统,可双击安装或者直接复制到 C:\Windows\Fonts目录下
3. 在Axure中拖入一个元件,并设置该元件使用 FontAwesome字体
4. 设置页面加载时元件文字为以下任一一个代码(例如第一个图形代码是
5. 生成原型,查看效果




bubuko.com,布布扣

Font Awesome 特性:
1、一个字体文件, 249 个图标。
2、用CSS控制样式。
3、无限缩放。
4、个人、商业均可自由使用。
5、支持IE7+。
6、在Retina屏幕上也能完美呈现。
7、设计师的助手。
8、兼容屏幕阅读器。

Font Awesome小图标预览:

bubuko.com,布布扣


视频教程:http://www.yuanxingku.com/axurevideo/axurebasic/88.html

本文出自 “8366986” 博客,请务必保留此出处http://8376986.blog.51cto.com/8366986/1405683

在Axure中使用FontAwesome替换你的网站图标[axure小技巧],布布扣,bubuko.com

在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

标签:axure技巧   axure教程   axure字体   

原文地址:http://8376986.blog.51cto.com/8366986/1405683

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!