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

 时间:2026-04-23 12:43:44

1、访问 http://fortawesome.github.io/Font-Awesome/  下载最新版本的FontAwesome(当前为4.3),解压下载的压缩文件

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

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

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

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

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

3、打开Axure,点击菜单  发布>预览选项(或ctrl+F5)>配置>web字体。

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

输入地址:http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css  确定,关闭。

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

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

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

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

5、在axure中拖入一个标签元件(任何可以输入文字的都行),设置字体为FontAwesome,将文本替换(粘贴)为刚复制的图标。

OK,你可以F5预览或者直接生成html了。

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

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

  • Visual Studio如何取消所有断点
  • Kali linux怎么清空剪贴板内容
  • things3开启iCloud同步教程介绍
  • 如何本地调试微信接口
  • Spring Tool Suite配置maven
  • 热门搜索
    cpu使用率100怎么办 被猫咬了怎么办 肚子疼怎么回事 qq号忘记了怎么找回 蜜蜂蛰了怎么办 汤圆怎么煮 怎么预防乳腺癌 我的世界发射器怎么做 周瑜怎么死的 转氨酶高是怎么回事有什么危害