如何在AxureRP7中使用FontAwesome字体

我们使用Axure制作原型时,经常会使用到各种小图标。有些朋友自己制作、有些到网上下载,然后使用截图导入到Axure中使用。这样做非常繁琐,有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢?答案是:可以!
在AxureRP7中使用FontAwesome字体,这是一个非常实用的小技巧,现发布成文与诸君共享。

本文由原型库网站金乌投稿,想系统学习AxureRP7的同学,可以参考金乌老师的AxureRP7网站和APP原型制作从入门到精通视频教程,有20节可以免费试学哦。

第一步:下载

FontAwesome 字体 : http://yunpan.cn/cytakifcnYz6j (提取码:fa4d)
Axure 字体部件库 :http://yunpan.cn/cyXw7JszvyPmh (提取码:53db)

第二步:双击 font-awesome.zip 安装 Font-awesome 字体到你的电脑里

第三步: 打开Axure RP,载入 FontAwesomeV321.rplib 这个部件库

第四步: 添加下面的 Font Awesome CSS 链接到 生成HTML时弹出对话框的 Web 字体 中,然后点击关闭。

http://netdna.bootstrapcdn.com/f … ss/font-awesome.css

至此,FontAwesome 字体已经安装完毕。

使用方法:

1. 在 Axure 部件库列表中,选择 FontAwesome321 部件库,然后就想操作其它部件一样,拖放使用。

2. 打开 FontAwesome3.2.1 版本的参考页面 http://fontawesome.io/3.2.1/cheatsheet/ ,复制你想要的图标,然后粘贴到 Axure 中使用

注意:如果你复制图标到 Axure 中,并没有正常显示。 请选中该图标,然后将字体设置为 FontAwesome 即可。

最后:因为这些小图标其实使用的是字体图标,所以你可以使用改变字体大小和颜色来自定义小图标的样式。

视频教程:http://yunpan.cn/cyXdH89S7byHH (提取码:8a88)

时间: 2024-08-20 09:58:06

如何在AxureRP7中使用FontAwesome字体的相关文章

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

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

在android项目中使用FontAwesome字体

在android项目中使用FontAweSome图标集,可以方便的适配各种屏幕分辨率,不必在各种不同分辨率文件夹中新建资源文件.使用字体是一种很巧妙的方法,把图像以字体的方式呈现,这样以前设置为android:background的属性,现在只需要设置android:text就可一搞定,而且还可一适配不同的分辨率. 在XML文件中设置字体时,只需要指定android:typeface属性即可,但是 这个值只支持系统内置的几种字体. 导入FontAwesome字体,需要在项目中导入第三方字体.方式

(原创)如何在spannableString中使用自定义字体

最近在做车联网的产品,主打的是语音交互和导航功能,UI给的导航界面可真是够酷炫的.但麻烦的事情也来了,里面的一句话居然用到了三种字体.界面如图所示: 从图中可以看出 500m左前方行驶 居然使用了三种字体,数字一种.英文一种.汉字一种,(这里不讨论拆分三个textview能不能实现的问题,如果能实现也是最迫不得已的办法,何况你解决了这个,上面那个 -2h30m 你要拆成4个textview吗?显然这不合理)我们知道spannableString是个 很强大的类,可以通过new typefaces

在WPF中使用FontAwesome之类的字体图标

原文:在WPF中使用FontAwesome之类的字体图标 我之前在博客中介绍过几个矢量图库网站,在WPF程序中,一般接触到的矢量图标资源有XAML.SVG.字体这三种格式.XAML是标准格式就不说了,SVG并不是直接支持的,不过微软提供了Expression Design可以非常方便我们将其转换为XAML格式的资源.而对于字体,虽然WPF是直接支持的,但由于字体图标其特殊性,要将其显示为图标还是需要费点劲的.本文这里就以Font-Awesome为例,介绍一下如何在WPF中使用字体图标. 首先添加

教你如何在iOS项目中设置各种字体

在iOS开发中设置字体的方法有很多种,下面为大家介绍比较常用的三种方法 1.使用系统默认提供的字体 系统默认提供的字体主要是指UIFont中提供的字体,其使用代码为: fontLabel.font = [UIFont fontWithName:@"Marion" size:17]; 或者是通过字体详细字典对字体属性进行设置 /* UIFontDescriptorFamilyAttribute:设置字体家族名 UIFontDescriptorNameAttribute :设置字体的字体名

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

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

如何在Linux系统上安装字体

如何在Linux系统上安装字体 最后更新 2015年12月11日 分类 Linux 101 最新文章 标签 font linux 字体 一般电脑用户使用的字体大部分属于TrueType字体,TrueType字体文件的扩展名是.ttf,ttf就是TrueType Font的首字母缩写.这篇教程将向读者介绍如何在Linux系统上安装TrueType字体.本文先介绍通用的安装方式,不管你用的是哪个Linux发行版,都可以用这种方法来安装.然后介绍Debian系和Redhat系发行版安装字体的一些捷径或

直接在 CSS 中引用 FONTAWESOME 图标(附码表)

直接在 CSS 中引用 FONTAWESOME 图标(附码表) 因此我们如果不想用 Fontawesome 提供的类,只想在 css 里面引用图标的话,可以这样子,请自行脑补: .icon:before { content: '\f006'; font-family: FontAwesome; } 同时附上图标类对应的字符编码表: NAME CODE NAME CODE .fa-glass \f000 .fa-github-alt \f113 .fa-music \f001 .fa-folder

android扁平化界面设计—在android中使用Font-Awesome

Font-Awesome 是为Bootstrap设计的一个图标集合字体,里面包含了300多个常用图标.使用Font-Awesome还具有如下优点: 1.减少了图标的绘制工作 2.适合扁平化界面设计 3.图标的大小和颜射可以在代码中自己设置,颜射不固定,可变性大 4.减小了APK的大小 Font-Awesome的使用方式: 到http://fortawesome.github.io/Font-Awesome/下载Font-Awesome字体,目前最新版本是4.3.0然后解压压缩包,将Fonts文件