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

你是不是还在为你的网站做一个很小的图标而忙碌着?你是不是还在为找一个图标导出百度或者谷歌?你有没有想过可以用字体来做一个图标代替普通的图片图标?
这两天给公司做案例,由于自己又对设计不熟悉,寻找图标的苦差可不是很好做。同事分享了一个用字体代替图片做网站图标的资源,在此非常感谢!
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

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

时间: 2024-10-26 17:03:56

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

如何在Axure中使用FontAwesome字体图标

Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. FontAwesome应用在web网页开发中非常方便,那么在原型设计中是否能使用呢?答案是肯定的,本文将介绍如何在Axure中应用FontAwesome字体. 具体步骤如下 1??.访问 http://fortawesome.github.io/Font-Awesome/  下载最新版本的FontAwesome(当前为4.3),解压下载的压缩文件 2?

使用Font Awesome替换你的网站图标

http://fortawesome.github.io/Font-Awesome/whats-new/ 使用Font Awesome替换你的网站图标 Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作.丢掉图片图标吧,跟我一起来用Font Awesome. Font Awesome 特性: 1.一个字体文件, 249 个图标. 2.用CSS控制样式. 3.无限缩放. 4.个人.商业均可自由使用. 5.支持IE7+. 6.在Retina屏

给大家分享12个或许能在实际工作中帮助你解决一些问题的JavaScript的小技巧

使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: 01 function Account(cash) { 02 this.cash = cash; 03 this.hasMoney

使用Font Awesome替换你的网站图标(icons 图标)

http://www.thinkcmf.com/font/icons/ 第一次使用 Font Awesome 发现相当的爽呀!它的图标很全,能够帮你节约时间去找图片.下面就来一起学习吧: 1: 去官方网站下载解压 http://fontawesome.io/ 2: 解压后拷贝到你的项目中再引入到你的文件里面 如下: ? 1 <link rel="stylesheet" type="text/css" href="font-awesome-4.0.3/

一个在SOUI中加速自适应大小的控件更新的小技巧

在SOUI中的控件有指定大小和自适应大小两类控件. 指定大小的控件,在控件内容更新时不需要重新布局,而自适应大小的控件在内容变化后会导致父窗口重新布局. 最近有网友发现在高速批量更新一个窗口的自适应控件(如50次/S的速度批量更新30个文件控件)时,SOUI的性能很低. 跟踪发现导致这个问题的关键在于在一次刷新过程中,每更新一个控件就需要执行一次重新布局,显而易见,这种情况下效率是非常低的. 解决这个问题的方法有两种: 一个简单的方法就是将自适应大小的文本控件改成固定大小的文本控件,如此,在定时

EntityFramework6中关闭自动识别变更功能提升效率的一点小技巧

默认情况下,ef6能够在调用以下方法时自动判别实体是否变更: DbSet.Find DbSet.Local DbSet.Remove DbSet.Add DbSet.Attach DbContext.SaveChanges DbContext.GetValidationErrors DbContext.Entry DbChangeTracker.Entries 当上下文追踪很多实体,并且你在一个循环中调用很多次这些方法的时候,你可以在循环之前先关闭自动识别功能,可以极大提升效率.例如: usin

如何在AxureRP7中使用FontAwesome字体

我们使用Axure制作原型时,经常会使用到各种小图标.有些朋友自己制作.有些到网上下载,然后使用截图导入到Axure中使用.这样做非常繁琐,有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢?答案是:可以!在AxureRP7中使用FontAwesome字体,这是一个非常实用的小技巧,现发布成文与诸君共享. 本文由原型库网站金乌投稿,想系统学习AxureRP7的同学,可以参考金乌老师的AxureRP7网站和APP原型制作从入门到精通视频教程,有20节可以免费试学哦. 第一步:下

在axure中实现商品数量加减效果,原型库网站讲师-金乌 解答同学问

有同学在群里提问,如何使用axure制作商品数量增加减少效果,见GIF图.虽然属于初级教程,但很多同学还是小白新手阶段,所以特地录制了详细的视频讲解,供大家学习参考! 该教程由原型库网站录制http://www.yuanxingku.com转载请注明出处! 在axure中实现商品数量加减效果,原型库网站讲师-金乌 解答同学问,布布扣,bubuko.com

[转]MSI安装程序中的文件替换

原文链接:http://teach.hanzify.org/article/652-1233562028.html 前言 最近有汉化朋友问起如何不重新制作MSI文件,而直接用汉化好的文件替换MSI安装程序中的文件.为此,将本人的实践经验作个总结,供各位汉化人参考.有错误的地方烦请指正.※说明:目前可以用于MSI编辑的软件很多,但是有些软件在保存时会在MSI文件中写入一些自己的表或内容,有些会另外嵌入一个CAB文件,使得MSI文件增大.而这里提供的方法保证不会写入任何不必要的内容和文件.※关键点: