时间戳

首页 > 解决方案 > 如何在 A-Frame 中离线使用库存字体？

javascript - 如何在 A-Frame 中离线使用库存字体？

问题描述

我正在尝试在 A-Frame 中离线使用库存字体。我已经尝试从这里下载所有文件并使用以下代码链接它：

<html>


<head>
    <meta charset="UTF-8">
    <script src="https://aframe.io/releases/0.9.1/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-text value="This is the text" font="Roboto-msdf.json"></a-text>
    </a-scene>
  </body>
</html>

有没有更经验的方法来改变字体的链接并使一切都按默认方式工作？

这是来自 A-Frame 网站的解释：“从 A-Frame 的内置字体之一中选择。这些字体将从 CDN 加载。如果您希望您的应用程序在离线时更好地工作，请在本地下载这些字体并通过 URL 指向它们。”

我不明白在本地下载这些字体并通过 URL 指向它们意味着什么。特别是要在我的服务器中对字体进行默认（Roboto）更改，有人可以帮忙吗？非常感谢。

标签： javascriptfontslocalofflineaframe

解决方案

您需要通过Web 服务器提供字体。浏览器无法直接访问您机器中的文件。然后，您需要按照文档中的说明将字体指向 URL：

<a-entity text="font: http://localhost:port/fontname.fnt; value: Via URL."></a-entity>

推荐阅读