我最近在和threejs 一起工作时很开心。要在 threejs 应用程序中创建 2d 文本，我必须创建一个画布，用文本填充画布并将画布添加为纹理。就像在这个例子中所做的那样。 http://stemkoski.github.io/Three.js/Texture-From-Canvas.html
对于我使用自定义字体的文本，我有两个选项可以将字体嵌入到应用程序中。使用 css3 @font-face 或在此站点中转换后将字体包含为字体 javascript。 http://typeface.neocracy.org/
我想知道除了我在此处列出的缺点之外，一个与另一个相比还有哪些其他缺点。
使用@font-face
使用typeface
提前致谢。
【问题讨论】：
如果您使用字体在画布中绘制，就像您说的那样，并且可能在页面的其余部分使用相同的字体，我会使用@font-face，因为它确实是标准方式并且不需要 JavaScript字体的编码。
但如果您还希望能够使用 TextGeometry 将 3D 文本写入场景，那么您必须使用 typeface.js
[此处示例：http://blog.andrewray.me/creating-a-3d-font-in-three-js/]
所以，在我看来，这真的取决于你对该字体的其他用途..
只有“平面”，作为纹理图像，在 Three.js + 可能在 HTML/App 的其余部分的其他地方
使用@font-face
Three.js 场景中的平面纹理图像 + TextGeometry 3D 文本
使用 typeface.js
【讨论】：
为了在 Three.JS 中使用任意字体，首先您必须将字体转换为可用的形式，例如通过将 .ttf 文件处理为 http://typeface.neocracy.org/ 的字体 javascript 文件。
其次，检查生成的文件（首先通过将其复制粘贴到 http://www.jspretty.com/ 之类的地方来美化它可能更容易）并且您正在寻找文件末尾的 3 个参数：“familyName”（这将成为“font”参数，“cssFontStyle”（将成为“style”参数，以及“cssFontWeight”（将成为“weight”参数）。
然后你在你的页面中包含生成的Javascript文件，调用的时候会被THREE.js自动拾取
new TextGeometry('我的文字在这里', { 字体：familyName_from_file， 样式：cssFontStyle_from_file， 重量：cssFontWeight_from_file } );
然后可以将其封装在 Mesh 对象中并在场景中渲染。
【讨论】：