在Axure RP 8.0 中使用 Font Awesome 图标库完成设计并能在其他未安装该字体的电脑离线预览的方法...

1、先安装FontAwesome字体，官网免费下载http://fontawesome.io

安装成功后，能在字体选择里看见FontAwesome

2、再加载FontAwesome元部件库，资源网上有

3、以带图标的文本框为例示验：

（1）先拖拽放大镜图标到编辑区，双击该图标，变成如下这样后复制它（相当于复制的是文字）：

（2）粘贴到文本框的属性【提示文字】输入框里，再继续输入自己想要的提示文字，比如“搜索”，设置提示样式：

（3）可以看到编辑区内容变成了这样：

（4）在发布下拉菜单修改HTML配置：

为了确保以后用来查看线框图的电脑在断网的情况下同样可以正常查看，需要采用离线字体的方式完成HTML文件的生成。如下图所示，添加Web字体时，选择@font-face，并在具体参数处填写：

font-family: FontAwesome;

src:url('fontawesome-webfont.ttf') format(‘truetype’);

（5）然后将fontawesome-webfont.ttf字体库放入HTML文件所在的文件夹里面，打包发给别人，就可以实现电脑在未安装该字体甚至断网的情况下同样可以正常查看

补充：若对方电脑是联网状态（未安装fontawesome字体），还可以通过如下方法设置：

在web字体中，新增一个web字体的css样式

链接地址 http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css

即与上面3（4）不同的是选择【链接到".css"文件】再输入链接地址，而不是选择【@font-face】

转载于:https://www.cnblogs.com/maxiaomei/p/6595259.html

在Axure RP 8.0 中使用 Font Awesome 图标库完成设计并能在其他未安装该字体的电脑离线预览的方法...相关推荐

vue中使用Font Awesome图标库
Font Awesome地址:Font Awesome 中文网 – | 字体图标 1.vue中安装font awesome:npm install font-awesome --save npm in ...
Axure RP 8.0原型设计（一）：入门
2016年4月Axure公司发布了大家期待已久的Axure RP 8.0正式版.Axure RP是产品经理必备的原型制作工具.Axure RP是美国Axure Software Solution公司旗 ...
Axure RP 9.0.0.3719 更新日志授权码
更新日志 2020年10月7日,Axure 更新了最新的版本,本次的版本号为 Axure RP 9.0.0.3719,具体更新内容如下: 如果不知道怎么查看当前版本号的同学,可以通过帮助(help)中 ...
Axure RP 9.0安装教程
[软件名称]: Axure RP 9.0 [软件大小]: 110.43MB [安装环境]: Win 10/Win 8/Win 7 [下载链接]: https://pan.baidu.com/s/1yx ...
使用SVN+Axure RP 8.0创建团队项目
一.使用到的工具: VisualSVN Server --SVN服务器:https://www.visualsvn.com/server/ Axure RP 8.0 :http://www.down ...
ahjesus Axure RP 7.0注册码
ahjesus Axure RP 7.0注册码用户名:axureuser 序列号:8wFfIX7a8hHq6yAy6T8zCz5R0NBKeVxo9IKu+kgKh79FL6IyPD6lK7G6+t ...
Axure RP 9.0.0.3727 授权码
Axure RP 9.0.0.3727 Licensee :Freecrackdownload.com KEY:5vYpJgQZ431X/G5kp6jpOO8Vi3TySCBnAslTcNcKkszf ...
最新Axure RP 9.0.0.3675 授权码 license
最新Axure RP 9.0.0.3675 授权码 license Axure RP 9.0.0.3675 栈长亲测可用 Pro Edition license : yygg329405 KEY: ...
Axure RP 8.0 网页与APP原型设计工具使用教程--- 项目经理、产品经理设计必备工具
Axure RP 8.0 网页与APP原型设计工具使用教程 --- 项目经理.产品经理原型设计必备工具 Axure RP 8.0.0.3312版本下载[这个是目前能用的最新的版本,其后的版本都无法注册 ...

在Axure RP 8.0 中使用 Font Awesome 图标库完成设计并能在其他未安装该字体的电脑离线预览的方法...

在Axure RP 8.0 中使用 Font Awesome 图标库完成设计并能在其他未安装该字体的电脑离线预览的方法...相关推荐

最新文章

热门文章