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

Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
FontAwesome应用在web网页开发中非常方便，那么在原型设计中是否能使用呢？答案是肯定的，本文将介绍如何在Axure中应用FontAwesome字体。

操作方法

  • 01

    访问 http://fortawesome.github.io/Font-Awesome/  下载最新版本的FontAwesome（当前为4.3），解压下载的压缩文件

  • 02

    打开font文件夹，双击安装.otf和.ttf结尾的字体

  • 03

    打开Axure，点击菜单  发布>预览选项（或ctrl+F5）>配置>web字体。 点击“+”号，输入字体名称FontAwesome，选择链接到css文件， 输入地址：http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css  确定，关闭。

  • 04

    打开图标列表网址 http://fortawesome.github.io/Font-Awesome/cheatsheet/  选择中意的图标，复制图标 复制图标 复制图标（重要的事情说三遍）

  • 05

    在axure中拖入一个标签元件（任何可以输入文字的都行），设置字体为FontAwesome，将文本替换（粘贴）为刚复制的图标。 OK，你可以F5预览或者直接生成html了。

赞 (0)

相关推荐

  • 如何在win10中调整模糊不清的字体

    如何在win10中调整模糊不清的字体

    有的小伙伴在使用Windows10系统的电脑时,发现电脑桌面上的字体模糊不清,因此想要进行调整,但是却不知道如何调整,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,右击桌面空白处,接着点击弹出 ...

  • 如何在WPS中显示段落布局图标

    如何在WPS中显示段落布局图标

    有的小伙伴在使用wps软件编辑文章时,为了节省段落布局的时间,需要使用段落布局图标,但是却发现该图标不见了,那么如何显示段落布局的图标呢?小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击 ...

  • 如何在wps中设置目录字体？

    如何在wps中设置目录字体？

    wps几乎是每个办公人员必备的软件,有很多方便实用的快捷功能.当我们写一篇内容较多的文档时,目录是很关键的.接下来小编就给大家介绍一下如何在wps中设置目录字体.具体如下:1. 首先第一步打开电脑中的 ...

  • 如何在axure中打开密码框的加密功能

    如何在axure中打开密码框的加密功能

    电脑被很多人使用,用来玩游戏,刷剧等,有的用户在使用电脑时,为了保护自己密码的安全性,因此想要在axure中打开密码框的加密功能,但是却不知道如何打开,那么小编就来为大家介绍一下吧.具体如下:1. 第 ...

  • 如何在PPT中设置主题字体的技巧

    随着ppt的应用越来越广泛,我们日常生活.工作.演讲中都被广泛使用,与此同时也要求我们要具备一定的ppt的使用技巧,这里跟大家分享一下如何在ppt中设置肢体字体的技巧,大家以作参考. 操作方法 01 ...

  • 如何在Word中打出超大字体,比初号更大的字体

    如何在Word中设置比初号还要大的字体,往往我们有时需要打印超大的字体,有没有办法呢. 答案是肯定的 第一种方法.在字号的位置输入数字 ,然后回号就OK,数字越大字体就越大. 第二种办法就是用快捷键. ...

  • 如何在axure中添加文本并进行相关设置？

    如何在axure中添加文本并进行相关设置？

    相信很多小伙伴都有在使用axure,在其中如何才能添加文本并进行相关设置呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开axure,在下图所示窗口中选择一个文本样式,将其拖拽到右侧界 ...

  • 如何在Axure中创建自己的元件库

    Axure最核心的功能就是通过原件的堆积,形成目标效果.网上目前有大量免费的各种"最全axure原件大全"之类的,里面的内容非常多且杂,很多其实都用不到,对于选择恐惧症来说,这么多 ...

  • 如何在Word2003中找到隶书字体

    很多用户会发现在Windows XP系统中新安装Word2003或Word2000后，在Word2003或Word2000文档窗口的字体列表中找不到隶书字体。如果遇到这种情况，大可不必急着下载隶书字体 ...