当原型使用一些特殊字体时，在没有安装该字体的设备上将无法正常显示。Web字体可以比较好的解决这个问题。Web字体的使用包含2种方式。
方式一：链接“.css”文件
优点：设置简单。
缺点：需要网络以及在线CSS文件支持。
（一）在发布下找到HTML配置位置【更多生成器和配置文件】，双击【HTML】生成器打开，配置。
步骤图例
步骤图例
（二）在【Web字体】设置中，勾选【包含Web字体】。选择【+】号添加字体，将该字体官方网站提供的“.css”文件地址填入超链接中即可。
步骤图例
Fontawesome字体官方链接地址为：https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css
方法二：@font-face
优点：支持本地字体和在线字体。
缺点：设置略有复杂。
还是在Web字体设置页，选择【@font-face】并填写代码。以下代码为本地代码。
font-family: FontAwesome;
src:url(‘fontawesome-webfont.ttf’) format(‘truetype’);
步骤图例
步骤图例
font-family: 后的值要与字体列表中的名称一致。使用本地字体需要将字体文件”.ttf”复制到生成的HTML文件夹中。
