javascript - 在 Three.js 中使用不同于默认的字体

Question

所以我正在为一个项目使用 three.js，并且希望能够使用默认“helvetiker”以外的字体。我做了一些挖掘，发现你需要使用 typeface.js 转换字体以获得字体文件，并且已经完成了，我只是不知道如何将这种字体“插入”到 threejs 中。我已经浏览了 mrdoob three.js 示例但找不到任何东西，我还浏览了 three.js 源文件并在 THREE.FontUtils 中找到了一个 loadFace 函数，但我不确定如何使用它.这是我使用 Three.js 的第一个项目，因此非常感谢任何帮助。谢谢!

格雷格

Answer 1

我看到这个问题完全没有答案。应该在字体 (js) 文件的末尾找到 threejs 所需的确切字体名称。它是:

"familyName":"字体名"

threejs 需要引号内的名称，但要小写。例如，例如字体:古英文文本 MT

你应该在 (js) 字体文件的末尾找到...,"familyName":"Old English Text MT",...所以你填写三个js:

字体:“古英文文本mt”

(或 familyName 后面的引号但小写的任何内容。如果您在(js)字体文件中编辑 familyName 之后的文本，例如“familyName”:“cAt aNd DOg”，那么您必须使用它。所以 threejs 声明那么应该看看:

var text3d = new THREE.TextGeometry(n.text, { 尺寸:15， 高度:10， 曲线段:10， 字体:“猫和狗”});

最后确保将 (js) 字体文件放入网站的标题部分，例如:

<script src="fonts/droid/droid_serif_bold.typeface.js"></script>

最后一点有用的是 (js) 字体文件生成器的链接: http://typeface.neocracy.org/fonts.html