教程分享

组件库Fontawesome字体图标使用说明

tagFontawesome 字体  publish2020-12-18 09:57 view2382

组件库中的使用了Fontawesome字体图标,在使用该组件库时请确保您的机器上已经安装了该字体,如果未安装该字体将导致本组件库中部分图标显示为乱码。

点击这里查看Fontawesome字体图标下载地址: http://fontawesome.dashgame.com

• 如果在您的原型作品使用了Fontawesome字体图标,请在发布时的Web字体选项中填加该字体图标的CSS文件链接,否则在其它机器上查看您的原型文件如果未安装该字体将无法正常显示图标,文件链接地址您可以点击这里获取到。添加方式请参考本组件库中的发布设置中的Web字体选项。

添加方式如下图所示:

description

CSS名称:fontawesome [链接CSS文件]

文件地址:http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css

• 由于移动设备上无法看到宽度为1px的线条,如果您的原型作品需要在移动设备上进行演示和浏览,请将线条的最小宽度设备为2px,以确保能够正正常显示。

• 如果您想了解更多关于交型原型设计方面的内容,请点击这里查看苏米客分享的Axure Design交互原型设计指南,里面有更多关于交互原型设计方面的介绍和资源。

• 本组件库将会持续的进行更新,如果需要获取最新版本请访问苏米客官网,官网还将不定期分享关于交互设计和产品方面的其它干货。

上一篇:将Adobe XD设计导入Axure

下一篇:在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts

这些你同样感兴趣

满足你在每个阶段使用模板的需求,帮助你高效完成工作及任务