2015-02-06 52 views
2

我想这个角色出现在我的网站:我如何让这个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。我怎么知道哪台电脑支持这个角色?

+1

您需要让页面使用支持该字符的字体。在您关联的网站上,除图像以外的每个版本均显示为﷽。 – 2015-02-06 01:37:26

+1

您正在使用的字体可能不支持特定字符,因此字母应该是正方形。 – jeff 2015-02-06 01:38:21

+0

它说Arial和Times New Roman的作品... – 2015-02-06 01:38:57

回答

3

您使用的所有方法都是正确的。只要HTML文档使用UTF-8编码并声明为UTF-8编码,则使用字符﷽也是正确的。 &#65021;&#xfdfd;符号独立于字符编码工作(这是使用它们的主要原因之一)。

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

对于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包含包含字符,可用于嵌入式字体的几个字体,无论是作为由谷歌托管或托管你的服务器上。请注意,Early Access字体或多或少都是实验性的,并且角色的形状可能不适合您的整体设计和风格。

在下面的例子中,我在正常的阿拉伯字母中加了一个短语来比较。

<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)

+0

伟大的信息!谢谢!有没有什么方法可以像链接标记一样包含我需要的Arial超集? (原谅我......我不太清楚字体是如何工作的) – 2015-02-06 13:25:02

+0

好问题!至少Google Early Access字体Amiri拥有这个角色。我会检查一些其他字体有更新我的答案。 – 2015-02-06 14:10:42

+0

太棒了!非常感谢您的帮助,Jukka! – 2015-02-06 19:16:17

0

贺雅有没有机会你的字体不支持字符?我测试了下面的工作很好。

<!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编码的文件(如上所述)

+0

嗯......即使我复制并粘贴您的HTML代码,我的电脑上也显示为一个框。 – 2015-02-06 01:48:09

+0

奇怪的,在这里工作的跨浏览器很好。也许尝试另一个很常见的字符:'Æ'Æ – 2015-02-06 01:54:49

+0

那个角色工作正常...... – 2015-02-06 02:01:04

0

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

+0

它保存为utf-8 – 2015-02-06 02:01:39

相关问题