嵌入字体
字体可以嵌入到 Pano2VR 的皮肤中。这意味着字体在本地提供，而不是从 Google Fonts 等第三方服务器获取它们。
在此示例中，使用了 Google 字体。但是，您可以使用任何可用的字体。例如，您可能会在 Font Squirrel 上找到字体。
我们使用的是 WOFF2 字体格式。但是也可以使用 Web 上支持的任何文件，例如 TTF。
获取字体
在这里，Google Fonts 用于查找字体，然后使用网络工具创建所需的 CSS 并下载字体文件。如果您熟悉字体文件和 CSS，则可以跳过此步骤。
-
找到您的字体。对于这个例子，我们选择了 Google Fonts 中的 Kalam。 -
找到字体后，转到此 Web 字体助手下载文件并复制所需的 CSS。 -
在 Web 字体助手中，选择要使用的 CSS 样式。我们使用的是常规和 700。 -
选择， 现代浏览器 。 -
自定义文件夹前缀。这是可选的。但是，如果您想将字体存储在子文件夹中，可以在此处进行设置。在我们的示例中，我们使用fonts/。 -
复制 CSS 代码。 -
下载您的字体。
Google Webfonts 助手页面
将字体添加到皮肤
现在，是时候将这些字体添加到皮肤中了。
-
打开皮肤或创建新皮肤。 -
添加代码元素 。
绘制代码元素。 -
为元素指定一个 ID，例如local_fonts。 -
在“代码元素”属性中，将之前复制的 CSS 粘贴到 “代码 ”中。单击铅笔图标以打开更大的编辑器。 -
修改代码。 代码元素主要用于 Javascript，但我们也可以在那里添加 CSS。CSS 用一个特殊的注释块包装，告诉 Pano2VR 这是 CSS 代码而不是 Javascript。
将/*！添加到第一行。然后在最后一行添加*/。这是一个特殊的注释块，在代码元素中使用 CSS 时需要添加。
添加样式标记<style>。在代码元素中使用 CSS 时，CSS 必须包装在 style 标签中。
删除使用format（“woff”）的行（如果有）。
将format（'woff2'）之后的逗号，替换为分号;。
最终代码应如下所示：
/*! <style> /* kalam-regular - latin */ @font-face { font-family: "Kalam"; font-style: normal; font-weight: 400; src: local(""), url("fonts/kalam-v16-latin-regular.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */ } /* kalam-700 - latin */ @font-face { font-family: "Kalam"; font-style: normal; font-weight: 700; src: local(""), url("fonts/kalam-v16-latin-700.woff2") format("woff2"); /* Chrome 26+, Opera 23+, Firefox 39+ */ } </style> */
添加文件
-
在代码元素中，将字体文件添加到本地文件 。单击加号，导航到计算机上的文件并选择它们进行添加。 -
如果您向 CSS 代码添加了子文件夹，请在此处添加它（单击以编辑）：fonts/kalam-v16-latin-700.woff2。Pano2VR 将创建字体文件夹并将字体放置在该文件夹中。 -
使代码元素可渗透， 这样它就不会阻止鼠标输入。转到“高级”窗格，然后选择“ 可渗透”。
CSS 添加到代码部分，字体文件添加到本地文件。
将字体应用于皮肤元素
在此示例中，我们将此字体应用于信息弹出文本。
-
打开嵌入式样式表 。通过单击皮肤的 Canvas 打开皮肤属性，进入 嵌入式样式表（Embedded Stylesheet） 。单击铅笔按钮以打开更大的编辑器。 -
将字体添加为类。.kalam { font-family: Kalam; }
Kalam 字体作为类添加到嵌入式样式表中。 -
选择树中的文本框，或添加一个文本框。 -
在“高级”面板中，找到“CSS 类 ”。键入kalam。 -
保存皮肤并查看更改。
全局添加字体
打开嵌入式样式表并将 Kalam 添加到默认样式中，首先列出。如果您从上面添加了样式，则可以删除此部分：
.ggskin { font-family: Kalam, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; 
Kalam 字体作为嵌入式样式表中默认样式的一部分添加。
现在，整个皮肤将默认使用该字体。另请注意，由于我们还下载了粗体样式 （700），您还可以使用文本框参数中的字体粗细选项将文本设为粗体。
使用按钮更改字体
例如，这对于出于辅助功能目的更改项目中的字体很有用。
-
在外观中添加按钮（或文本或矩形元素）。 -
添加变量，var_font并将其类型设置为 True/False。 -
添加以下动作：鼠标单击>设置变量值> var_font >不设置。 -
从 earler 添加的 CSS 类中删除kalam。 -
为 CSS 类添加一个逻辑块：Trigger = var_font = true，CSS 类：kalam。