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

Question

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

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

引用此image

代码:

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

这是我的网页链接:test_canvas

Answer 1

我认为这是一个简单的编码问题。该网页是 UTF-8，但您粘贴了使用其他字符集(可能是 Windows 计算机中的 cp1252)编码的文本。您可以通过查看网页的源代码来看到这一点 - É 字符也被弄乱了。

为了进行比较，这里有 simplified version of your page文本编码正确。

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