求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 
目录
Axure RP安装与激活
1.Windows上安装
2.macOS上安装-Axure教程
3.激活Axure RP 10-Axure教程
4.Axure汉化流程-Axure教程
5.Chrome插件安装-Axure教程
入门
6.Axure RP入门-Axure教程
7.Axure RP操作界面-Axure教程
8.预览和共享原型-Axure教程
9.功能快捷键-Axure教程
10.自动保存备份文件-Axure教程
元件的使用
11.元件的基础操作-Axure教程
12.元件组合-Axure教程
13.元件样式-Axure教程
14.元件库-Axure教程
15.网格,辅助线和边界对齐-Axure教程
基础元件
16.形状元件-Axure教程
17.图像元件-Axure教程
18.热区元件-Axure教程
19.线条元件-Axure教程
20.动态面板元件-Axure教程
21.内嵌框架-Axure教程
22.文本框与多行文本框-Axure教程
23.下拉列表-Axure教程
24.列表框-Axure教程
25.复选框-Axure教程
26.单选按钮-Axure教程
27.树元件-Axure教程
28.表格元件-Axure教程
29.经典菜单元件-Axure教程
30.快照元件-Axure教程
页面的使用
31.管理页面-Axure教程
32.页面样式-Axure教程
母版
33.创建和使用母版-Axure教程
34.母版视图-Axure教程
35.引发事件-Axure教程
交互介绍
36.事件、用例和动作-Axure教程
37.事件清单-Axure教程
38.动作清单-Axure教程
39.文本链接-Axure教程
40.交互样式-Axure教程
41.动画-Axure教程
高级交互
42.变量-Axure教程
43.条件逻辑-Axure教程
44.数学、函数和表达式-Axure教程
45.选项组-Axure教程
46.移动动作边界-Axure教程
中继器
47.中继器元件-Axure教程
48.向中继器动态添加行-Axure教程
49.动态删除中继器行-Axure教程
50.更新中继器行-Axure教程
51.标记中继器行-Axure教程
52.中继器行排序-Axure教程
53.过滤中继器行-Axure教程
54.中继器分页-Axure教程
自适应视图
55.自适应视图-Axure教程
记录您的原型
56.页面和元件注释-Axure教程
57.Word说明书-Axure教程
58.打印-Axure教程
流程图
59.流程图-Axure教程
60.流程连接器-Axure教程
发布你的原型
61.原型播放器-Axure教程
62.自定义HTML输出-Axure教程
63.Web 字体和字体映射-Axure教程
项目团队
64.创建和共享团队项目-Axure教程
65.使用团队项目-Axure教程
66.管理和查看团队项目历史-Axure教程
67.对团队项目进行故障排除-Axure教程
68.将团队项目升级到 RP 10-Axure教程
 
 
目录
Web 字体和字体映射-Axure教程
来源:Axure工坊       编辑: Alice (火龙果软件)
1303 次浏览
6次  

使用网络字体能确保您的原型的自定义字体在所有设备上都能正确呈现。使用字体映射则能快速用另一种字体替换一种字体。

Axure Cloud包括对 Google 字体的内置支持!如果您在原型中使用 Google 字体并计划将原型发布到 Axure Cloud,则无需为字体设置网络字体定义。

Web字体

术语“Web字体”是指使用托管在网络服务器上的字体文件(而不是您计算机的本地硬盘驱动器上)来呈现您在浏览网页时看到的文字的网络开发技术。这有助于确保网站选择的字体能够在任何设备上正确呈现,即使设备上没有安装这些字体。

在 Axure RP 中,您可以通过在 HTML Generator的“字体”选项卡中包含对 Web 托管字体文件的引用来使用 Web 字体。

Web安全 VS 本地字体

如果您的原型包含字体选择器中“本地”栏目下列出的任何字体(“ Web 安全”下列出的字体也是一样的做法),并且原型将可能在没有安装您选择的字体的计算机和设备上查看,请使用Web字体功能。这对于在移动设备上进行远程用户测试和预览尤其重要,在这种情况下,您无法控制目标设备上安装了哪些字体。

默认情况下,Web安全字体可在其他设备上呈现。您无需为Web安全字体创建 Web 字体条目。

本地字体需要网络字体设置(见下文)才能在其他设备上工作。本地字体通常包括自定义字体。

使用Web字体

1.打开HTML生成器设置并单击字体选项卡。

2. 单击添加字体并在字体标签字段中输入您的字体名称。

3. 查看您的字体托管提供商或企业样式指引,了解有关如何嵌入Web字体的信息,然后执行以下操作之一:

  • 如果为您提供了 CSS 文件的 URL,请选择链接到 .css并将 URL 粘贴到css 文件的URL字段中。

  • 如果为您提供了@font-face定义,请选择@font-face并将定义粘贴到出现的文本区域中。(您只需要在括号之间包含文本{}。)

4. 关闭对话框以保存您的设置。

字体映射

字体映射是HTML 生成器的一项功能,它允许您在原型的 HTML 输出中将一种字体动态转换为另一种字体,而无需更改 Axure RP 中使用的字体。例如,如果您要设置从宋体到微软雅黑的字体映射,任何以宋体样式设置的文本仍将在 Axure RP 画布上以宋体显示,但在 Web 浏览器中将显示为微软雅黑。

此功能在许多情况下很有用:

  • 如果相比之下通过更新元件样式来将一种字体替换为另一种字体需要很多时间,可以使用字体映射。

  • 您还可以使用字体映射来包含您不能或不希望在本地计算机上安装的 Web 字体。使用已安装的字体构建原型,然后将该字体映射到所需的 Web 字体。

使用字体映射

1. 打开HTML 生成器设置并单击字体选项卡。

2. 单击字体映射,然后在出现的窗口中单击添加映射。

3. 在第一个下拉列表中,选择要替换的字体。如果您只想替换字体的特定字体(例如,仅 Arial 粗体),请在右侧的字体样式(可选)下拉列表中选择字体。

4. 在映射到字体系列字段中,输入要替换第一个字体的字体名称。如果您在步骤 3 中选择了一种字体,您还需要为新字体指定字体粗细和字体样式(两者的默认值都是normal)。如果您将映射到字体系列字段留空或输入您的 Web 浏览器无法访问的字体名称,第一个字体将替换为您浏览器的默认字体,通常是 Times New Roman。

5. 单击完成,然后关闭对话框以保存您的设置。

 


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



1303 次浏览
6次