aframe - 在 AFRAME 中显示带重音符号的 UTF8 文本，例如 á í ñ

Question

当我尝试在我的 AFRAME 项目界面中使用一些西类牙语单词时，所有带重音的字符都消失了:

<a-text  id="menu-desc" value="Menú" 
position="-0.18 -0.06 0.1" 
height="1" width="1" 
align="left" anchor="left"
baseline="bottom" ></a-text>

只显示“Men”而不是“Menú”。

在我尝试添加的 html 页面中:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

没有效果。 ¿如何正确显示那种字符？

Answer 1

我无法将其标记为重复，所以我将粘贴来自 here 的答案:

---

这不像添加元类型那么简单，因为 a-text不仅仅是显示字符，它还在引擎中渲染它们。

所以我想到了三种方式:

1) 正确的方法:从包含这些字符的字体集中查找或生成字体。文档描述了如何使用 custom fonts :

 <a-entity text="text: Hello World; font: ../fonts/CustomFnt.fnt;    
 fontImage: ../fonts/CustomFnt.png"></a-entity>

但是您需要一个字体文件 + 一个带有字体图像的 .png 网格。文档提供了指向 tool 的链接。用于生成字体，以及 tutorial .

2) 查看 Don McCurdy 的自定义字体 generator !

3) 解决方法:您可以制作一个包含您的文本的透明图像并将其放在 <a-plane> 上，就像我一样here .