linux安装字体图标_FontAwesome字体图标安装、应用图文教程

本教程详细介绍了在Linux系统中安装和使用FontAwesome字体图标的步骤,包括下载字体文件,通过多种方法进行安装,并在Axure中应用字体图标。同时,针对预览和分享原型时遇到的问题提供了解决方案。
摘要由CSDN通过智能技术生成

4f40e39bcd1b2df1b3350ad2171438f9.png

下载字体

FontAwesome字体下载链接:https://pan.baidu.com/s/1ubd837bvSnxqRDgPo3wlqw

提供otf、ttf两种格式字体下载,任选一个,或全部下载都可以(后续安装同理)

f30df6afc46030cc51d931ccbf7d865c.png

安装字体

方法1:将字体复制粘贴到C:WindowsFonts

0bc7e0c059b3e0bff427edc8045026b4.png

方法2:左键双击字体,点击安装

b5c247a10e81759617cd383b65f3ec72.png

方法3:右键单击字体,点击安装

61475d826294a2ebc232c9b8fc7417d8.png

安装成功后的效果:打开axure软件,在字体选择中可以看到fontawesome字体

8801033d1d32f5d9c3d4e74ef2afac75.png

应用字体

http://pmgod.cn网站提供26大行业,共计546个FontAwesome v4.7.0 字体图标

c2b28d062b29609353a17a4aa59a468c.png

字体图标访问快捷路径:FontAwesome v4.7.0 字体图标

f8f8663b20d38de1eda4250dcccb16e7.png


1、选择、复制字体图标

选择需要使用的字体图标,左键双击选择、右键单击复制

b786ae5f9b10f8f317343a22128caca0.png


2、粘贴、应用字体图标

将字体图标复制到所在位置时,初始状态是一个类似正方形框框的图标

1181e40e7e90375ff3e1fd6391225e5e.png

选择字体图标,修改字体、大小、颜色、对齐方式后效果如下:

671b90ba1db163abf28f0ae2c7474325.png

3、预览效果

d3b6cc40ca4e27c523a7f7cf4f31e8ef.png

常见问题

我的原型能正常预览字体图标,为什么发给他人之后,他人却看不到效果

解决办法1:对方安装FontAwesome字体

解决办法2:【发布】-【预览选项】-【配置】-【Web字体】中进行设置,添加链接到“.css”文件,URL中填写“https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css”(对方需要在线联网)

28ed789faebfa6303f4e78a3139ea56d.png

解决办法3:【发布】-【预览选项】-【配置】-【Web字体】中进行设置,@font-face{}内容区填入以下内容(该方法需要将fontawesome-webfont.ttf字体放在生成的原型文件夹根目录下)

font-family: FontAwesome;

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

2e78c7e897f6195e54f02e0ce7150dc5.png

本文已完结。欢迎点击加入QQ群“532261671”进行产品交流互动学习。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值