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

【问题标题】：How to make stock fonts available offline in A-Frame?如何在 A-Frame 中离线使用库存字体？
【发布时间】：2019-05-08 17:34:19
【问题描述】：

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

<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）更改可用，有人可以帮忙吗? 非常感谢。

【问题讨论】：

标签： javascript fonts local offline aframe

【解决方案1】：

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

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

【讨论】：

如何设置默认字体？所以，我可以像这样使用它：字体更改！ for all a-text