Axure软件中Web字体的使用

Axure软件中Web字体的使用

虽然在Axure制作原型的时候设置了字体,但是在生成后依然是默认字体,这应该是Axure内部不支持的原因,我们可以下载一个字体文件,那么我们该如何使用字体文件来更改字体呢?本文将给大家分享一下方法。

一、下载字体文件,这里以.TTF格式的字体文件为例。下载之后重命名文件,比如案例中我用的是华康娃娃体,下载后我把它重命名为hkwawa.ttf。

二、在你的原型中,把应用这种字体的文字,设置成这种字体,设置方法需要手动写入字体名称,见下图:

Axure娃娃字体

三、打开生成原型的对话框,选择web字体,并按图中进行设置:

Axure选择web字体

图中填入的语句如下:

font-family: hkwawa;
src:url('hkwawa.ttf') format('truetype'); 

注意:语句中的符号'是半角,要在复制后更改过来。

四、把下载并重命名的字体文件复制到,生成的原型文件夹中。(注意要与语句中的url相对应,这里是复制到根目录)

Axure复制

五、设置完之后,重新打开你的原型,就能看到你想要的字体了。

Axure预览

我们一起来看看@font-face的语法规则:

@font-face {

font-family:

src:[<format>][,[<format>]]*;

[font-weight:

[font-style:

以上内容就是Axure软件中Web字体的使用,生成原型时字体不再是宋体的教程,更多感兴趣的教程点击文章:Axure实现中继器各项求和的方法

Leave a Reply

在线客服
客服邮箱
客服电话
17051276424