Axure RP8.0 中的Web字体设置

当原型使用一些特殊字体时，在没有安装该字体的设备上将无法正常显示。Web字体可以比较好的解决这个问题。Web字体的使用包含2种方式。

方式一：链接“.css”文件

优点：设置简单。

缺点：需要网络以及在线CSS文件支持。

（一）在发布下找到HTML配置位置【更多生成器和配置文件】，双击【HTML】生成器打开，配置。

步骤图例

（二）在【Web字体】设置中，勾选【包含Web字体】。选择【+】号添加字体，将该字体官方网站提供的“.css”文件地址填入超链接中即可。

步骤图例

方法二：@font-face

优点：支持本地字体和在线字体。

缺点：设置略有复杂。

还是在Web字体设置页，选择【@font-face】并填写代码。以下代码为本地代码。

font-family: FontAwesome;

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

步骤图例

font-family: 后的值要与字体列表中的名称一致。使用本地字体需要将字体文件”.ttf”复制到生成的HTML文件夹中。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。