Unicons 字体图标使用说明
前言:Unicons 字体图标的使用方法,与 FontAwesome 字体图标的使用方法是一致的。如果你有过使用 FontAwesome 的经验,那么可以忽略此文,
如果没有,则请详细阅读下文。
1、安装 Unicons Line 版字体文件
首次使用 Unicons Line 版字体图标,需要在本机上安装字体文件,下载资源包,解压缩打开【Unicons Line】,将根目录内的字体文件 unicons-line.ttf
完成安装。Win 系统双击字体文件就会提示安装,Mac 系统安装字体方法请见下面的链接。字体安装完成后需要重新启动 Axure,重启后选中字体
时在字体列表中如果能看到【unicons-line】,则代表字体已经安装成功。
Mac 系统如何安装字体方法教程:
https://jingyan.baidu.com/article/ae97a646eb8fefbbfd461db9.html2
2、如何使用 Unicons Line 字体图标
第一种使用方法,通过 https://iconscout.com/官网或第三方网站找到需要的图标,然后点击选择复制图标字符(如下图),这个操作跟在网页中
复制文本的操作是相同的。返回到 Axure 软件界面中,在对应的元件中将图标字符粘贴进去。这个时候图标仍然是一个乱码字符,我们需要选中这
个乱码字符,在字体属性中将它的字体设置为【unicons-line】,图标就能正常显示了。
通过官网或第三方网站复制图标到 Axure 中时,需要在字体设置中选择对应的字体类型,否则图标在预览时将无法正常显示 。
4
第二种使用方法,使用字体图标元件库。在资源包内有提供的 rplib 格式的元件库文件,将元件库文件导入到 Axure 元件库中。使用时从元件库列
表中找到需要的图标,直接拖入到编辑界面中就可以了。注意,如果元件库列表中图标未正常显示,请在安装字体文件后刷新元件库,或者将元件
库卸载后重新载入,元件库的图标列表就可以正常显示了。
3
3、如何在未安装字体的设备上显示字体图标
如果我们已经在本机上安装了 unicons-line 字体文件,在预览 HTML 文件时字体图标是显示正常的,但输出的原型 HTML 在其它未安装字体文件
的电脑上演示时图标依然显示为乱码,我们只需要设置一下 Web 字体选项即可解决这个问题。