FontAwesome 4.7 问题图标的使用及FontAwesome Axure 元件库的使用

对于axure的问题图标产品经理应该不陌生吧,但是对于刚入门的确实蒙的不知道是什么,今天我就来说下,它是什么?以及怎么使用?怎么更高效的使用?常用到的场景?

一、FontAwesome

Font Awesome为一套可缩放的矢量图标,以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。目前已经拥有675个图标,能够丰富我们的产品设计。

二、下载地址

Font Awesome有一个官网:http://fontawesome.dashgame.com;可供我们下载相关的额图标。如下图所示:直接下载即可。

FontAwesome的下载

好处:图表丰富、方便

FontAwesome的好处                          

三、安装及使用

下载完成后解压,直接打开font-fonts文件夹,双击。otf文件,直接安装便可,注意:安装时axure要关闭,或者安装成功后重启。


下载安装

安装成功后如图所示:安装成功后,便可在字体中找到他。


安装成功后

四、安装成功后的使用

安装成功后有两种使用方式:1、要在项目中使用那种文字图标,之后到官网复制之后在项目中粘贴,当然这种方式比较笨。

                                            2、方式二呢就是将图标问题转成axure元件库,用的时候直接使用元件库即可。下载地址:http://fontawesome.dashgame.com/


元件库下载

下载完成后,直接在axure加载元件库即可,载入元件库如图:


载入元件库成功     

完成后,便可在项目中需要的地方方便使用。

你可能感兴趣的:(FontAwesome 4.7 问题图标的使用及FontAwesome Axure 元件库的使用)