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

时间 2019-11-14

标签如何 axure 使用 fontawesome 字体图标繁體版

原文原文链接

Font Awesome为您提供可缩放的矢量图标，您可使用CSS所提供的全部特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。css

FontAwesome应用在web网页开发中很是方便，那么在原型设计中是否能使用呢？答案是确定的，本文将介绍如何在Axure中应用FontAwesome字体。html

具体步骤以下git

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

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

3️⃣、打开Axure，点击菜单发布>预览选项（或ctrl+F5）>配置>web字体。bootstrap

点击“+”号，输入字体名称FontAwesome，选择连接到css文件，字体

输入地址：http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css 肯定，关闭。设计

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

5️⃣、在axure中拖入一个标签元件（任何能够输入文字的都行），设置字体为FontAwesome，将文本替换（粘贴）为刚复制的图标。htm

OK，你能够F5预览或者直接生成html了。