在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ú”。

在html页面中，我尝试添加：

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

没有效果。 ¿如何正确显示那种人物？

Answer 1

我无法将此标记为重复，因此我会粘贴here中的anwser：

<小时/> 它不像添加元类型那么简单，因为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一样。