javascript - 无法让 Unicode 字体与 three.js TextGeometry 一起使用

Question

我正在尝试使用three.js TextGeometry 为unicode 文本设置动画。

文本为：“Saint-Étienne-du-Mont” 它在 Canvas 中显示为“Saint-??tienne-du-Mont”

参考这张图片

代码：

var text3d = new THREE.TextGeometry( theText, {
    size: 80,
    height: 20,
    curveSegments: 0,
    font: "ubuntu"
});

这是我网页的链接：test_canvas

Answer 1

我认为这是一个简单的编码问题。该网页是 UTF-8，但您粘贴了使用其他字符集（可能来自 Windows 机器的 cp1252）编码的文本。您可以通过查看网页的源代码来看到这一点——É 字符在那里也很混乱。

为了比较，这里是您的页面的简化版本，其中的文本已正确编码。

并非所有 JS 字体都可以处理 UTF-8 字符。例如，Three.js 中的默认 helvetiker 会将 É 呈现为问号。