我如何讓這個unicode字符出現在我的網站上？

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

我把我的網頁

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

頂這個標籤，我嘗試了代碼﷽和﷽但它只是看起來像網站上的一個盒子。我怎樣才能把這個角色放在我的網站上？

謝謝！

編輯：它在我的手機上正確顯示，但不是我的Mac 10.6.8。我怎麼知道哪臺電腦支持這個角色？

來源

2015-02-06 Nick Manning

您需要讓頁面使用支持該字符的字體。在您關聯的網站上，除圖像以外的每個版本均顯示爲﷽。 – 2015-02-06 01:37:26

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

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

您使用的所有方法都是正確的。只要HTML文檔使用UTF-8編碼並聲明爲UTF-8編碼，則使用字符﷽也是正確的。 ﷽和﷽符號獨立於字符編碼工作（這是使用它們的主要原因之一）。

但是，如果用戶系統中的字體包含字符的字形，則無將失敗。瀏覽器通常會顯示一個小矩形來表明這一點。

對於Fileformat.info中的字符頁面font information有錯誤或不完整的信息。如果您點擊鏈接Local Font List，您應該看到系統中的真實情況。在我的系統中，一個相當普通的Windows 7添加了相當多的免費字體集合，除了GNU Unifont之外的文件信息頁面上沒有列出的字體實際上包含U + FDFD 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)

來源

2015-02-06 08:16:26

偉大的信息！謝謝！有沒有什麼方法可以像鏈接標記一樣包含我需要的Arial超集？（原諒我......我不太清楚字體是如何工作的） – 2015-02-06 13:25:02

好問題！至少Google Early Access字體Amiri擁有這個角色。我會檢查一些其他字體有更新我的答案。 – 2015-02-06 14:10:42

太棒了！非常感謝您的幫助，Jukka！ – 2015-02-06 19:16:17

賀雅有沒有機會你的字體不支持字符？我測試了下面的工作很好。

<!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編碼的文件（如上所述）

來源

2015-02-06 01:43:08

嗯......即使我複製並粘貼您的HTML代碼，我的電腦上也顯示爲一個框。 – 2015-02-06 01:48:09

奇怪的，在這裏工作的跨瀏覽器很好。也許嘗試另一個很常見的字符：'Æ'Æ – 2015-02-06 01:54:49

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

確保你的代碼編輯器以utf-8編碼保存你的文件。

來源

2015-02-06 01:56:16 kost

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

我如何讓這個unicode字符出現在我的網站上？

回答

相關問題