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

访问下载最新版本的FontAwesome（当前为4.3），解压下载的压缩文件

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

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

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

输入地址：awesome.css 确定，关闭。

打开图标列表网址 选择中意的图标，复制图标 复制图标 复制图标（重要的事情说三遍）

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

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

在设计填写项时我们我们需要经常用到文本框，比如注册、登录、个人信息等相关的页面设计，我们都需要使用文本框。文本框的类型包含：文本、密码、邮箱、数字、电话、URL地址、搜索、文件、日期、月份和时间。选定好类型后，只能在文本框中输入选定类型的信息。比如我们设定了数字，则无法输入中文和英文。文本框内容的输入长度，可以设定上限，这里的长度限制同时适用于中文、英文和数字。选中元件，右键单击选择“文本类型”，右键单击选择文本框选择“编辑最大长度”，输入数字，限定最大长度。文本框的类型和长度限制也可以通过交互样式面板进行设置。

设置方式：选中文本框 - 交互 - 名称旁边小图标 - 选择数据类型

11种数据类型的区别：

文本提示：提示用户应该在文本框中输入什么样的内容，点击输入框获取焦点后，内置提示信息消失。选中元件，在右侧交互样式面板的提示文本中，填写提示内容。

提示：选择是在获取焦点时隐藏提示文本，还是在用户输入时隐藏提示文本。

工具提示：鼠标悬停在文本框中提示的文字

提交按钮：起到一个关联的作用，把回车和按钮关联到一起

（将密码框提交按钮设置为登陆的意思就是：输完密码直接回车就登陆进入下一页面）

最大长度：指的是最多能输入多少个字符（手机号11位就输入11）

禁用：意味着系统无法和用户进行交互，不能选择、不能输入、不能更改、不能复制

只读：可以选择、可以复制，但是不能输入、不能更改

链接：https://www.jianshu.com/p/f592ced9cd1a

1，要实现这样的，只能让图标是以文字的形式输入的；

2，你需要去下载Font Awesome,这个字体，安装

3，使用的时候使用这个字体元件库进行编辑就可以了；也不会出现小方框了；

---