如何让这个unicode角色出现在我的网站上?

时间:2015-02-06 01:33:19

标签: html unicode

我希望这个角色出现在我的网站上:

http://www.fileformat.info/info/unicode/char/fdfd/index.htm

我将此标记放在页面顶部

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

我尝试了代码&#65021;&#xfdfd;,但它看起来就像是网站上的一个方框。我怎样才能将这个角色放在我的网站上?

谢谢!

编辑:它在我的手机上正确显示,但不是我的Mac 10.6.8。我如何知道哪些计算机将支持此角色?

3 个答案:

答案 0 :(得分:3)

您使用的所有方法都是正确的。如果HTML文档是UTF-8编码并声明为UTF-8编码,那么使用字符﷽也是正确的。 &#65021;&#xfdfd;符号与字符编码无关(这是使用它们的主要原因之一)。

但是,如果用户系统中的 none 字体包含字符的字形,则会失败。然后,浏览器通常会显示一个小矩形来表示这一点。

Fileformat.info中字符的font information页面包含不正确或不完整的信息。如果您点击那里的Local Font List链接,您应该会看到系统中的实际情况。在我的系统中,添加了相当多的免费字体的相当普通的Windows 7,除了GNU Unifont之外,文件信息页面上列出的所有字体都没有实际包含U + FDF​​D ARABIC LIGATURE BISMILLAH AR-RAHMAN AR-RAHEEM。也许字体支持页面是在具有Arial,Times New Roman等版本的系统中创建的,这些版本与例如附带的普通字体不同。 Windows 7。

更糟糕的是,GNU Unifont字形几乎不适合任何实际用途。作为粗略的位图,它完全不足以渲染具有大量细节的书法字符。

Microsoft Uighur有一个合适的字形,但是这个字体不是免费的,并且没有任何关于使其合法用作嵌入字体(网络字体)的条款的易于访问的信息。还有一种名为Universalia的字体,其信息仅以俄语提供,并且具有可疑的法律地位。

下图显示了所提及字体中字符(非常大的字体大小)的示例。

enter image description here

如果你能看到iPhone中的角色,那么很明显iPhone有一个包含它的字体,但很可能你不能将这种字体用作嵌入式。

不幸的是,这似乎意味着您无法在网页上使用该字符,因此适用于所有用户,甚至适用于大多数用户。

更新:好消息是Google Fonts: Early Access包含一些包含该字符的字体,可以用作嵌入字体,可以是Google托管的,也可以是服务器托管的字体。请注意,早期访问字体或多或少具有实验性,并且角色的形状可能不适合您的整体设计和风格。

在以下示例中,我在正常的阿拉伯字母中添加了一个短语以供比较。

&#13;
&#13;
<style>
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
@import url(http://fonts.googleapis.com/earlyaccess/notonaskharabic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css);
</style>
<p><span style="font-family: Amiri">&#xfdfd; السلام عليكم</span> (Amiri)
<p><span style="font-family: Noto Naskh Arabic">&#xfdfd; السلام عليكم</span> (Noto Naskh Arabic)
<p><span style="font-family: Noto Nastaliq Urdu Draft">&#xfdfd; السلام عليكم</span> (Noto Nastaliq Urdu Draft)
&#13;
&#13;
&#13;

答案 1 :(得分:0)

Heya你的字体不支持角色吗?我测试了下面的工作正常。

<!DOCTYPE html>
  <html>
   <head>
     <meta charset="UTF-8">
   </head>
   <body>
     <p style="font-family: arial, helvetica, sans-serif;">&#xfdfd;</p>
   </body>
</html>

编辑:加载Arial,Helvetica堆栈,似乎很好。 还要确保文本编辑器正在保存文件utf 8编码(如上所述)

答案 2 :(得分:0)

确保代码编辑器以utf-8编码保存文件。