Axure RP8.0 中的Web字体设置

当原型使用一些特殊字体时，在没有安装该字体的设备上将无法正常显示。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文件夹中。