在HTML/CSS文檔中使用Unicode標準符號。我使用Javascript嗎？

我是一個巨大的新手，但我想添加一個Unicode字符到文檔。我試過閱讀所有的Unicode字符線程，但是我發現它很難理解，而且我正在努力吸收所有信息。在HTML/CSS文檔中使用Unicode標準符號。我使用Javascript嗎？

<doctype html> 
<html> 
    <head> 
    <meta name="description" content="description" /> 
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
    <meta name="keywords" content="keywords" /> 
    <title>title</title> 
    <link rel="stylesheet" href="stylesheet.css" type="text/css" /> 
    </head> 
    <body> 
    <div id="idtag"> 
     &#x1F4D7; 
    </div> 
    </body> 
</html> 

#idtag { 
    font-family: Tahoma, Helvetica, "Arial Unicode MS", sans-serif; 
}

我想補充U+1F4D7或類似的東西一本書，但是當我瀏覽網頁我剛纔看到一個挖空的平方。我不認爲我的電腦上有這個符號。我以前使用Google字體，他們只需要Javascript？我會這樣做嗎？我將如何做到這一點？

來源

2012-07-14 jhome

&＃x1F4D7的問題在於它不在經典的BMP範圍之內 - 不確定是否有任何字體包含這些字符，但它們絕對不常見。

只是因爲一個字符是由Unicode定義的，並不意味着每個字體都必須擁有它。甚至BMP中的字符（0和65535之間的代碼點）在所有字體中都不可用。

無法顯示正在使用的字體中不可用的字符。顯示字符「應該」的Unicode測試頁將向您發送圖像:-)

來源

2012-07-14 16:36:54

您嘗試使用的「GREEN BOOK」字符似乎是Unicode 6中的一個表情符號。它因此不包含在用於顯示的字體系列中，即使在非常大的Arial Unicode MS中也沒有。

在較新版本的OSX和iOS上，通過Apple Color Emoji字體支持。否則我不知道任何支持這個字符的字體。我想在日本有一些，但幾乎肯定沒有Google Webfonts。

因此Google Webfonts在這種情況下無法幫到你。

但是，如果僅僅是展示書籍圖標，我會使用圖像。例如。來自noun project。

如果您需要它作爲字體，您可以使用Fontello或Pictos Server從選定圖標生成字體。

有關使用字體圖標的更多信息，幾個星期前有一篇關於CSS-Tricks的文章。

來源

2012-07-14 17:08:21 Jonas

你的文檔在原理上是正確的，除了第一行的拼寫錯誤（應該是<!doctype html>，帶有感嘆號），並且在我的Firefox中字符呈現OK。但是這種情況的發生是因爲Firefox足夠聰明地掃描我的計算機上安裝的字體以找到字符的字形，而且我碰巧安裝了包含它的Symbola字體。 IE 9並不那麼聰明，但即使它顯示字符，如果我將Symbola添加到font-family列表。

所以這是一個字體問題，也是一個大問題。你不能期望Symbola被安裝（很可能少於1個用戶安裝了它，遺憾的是），它似乎是唯一發布的包含U + 1F4D7的免費字體。您提到的頁面有一個指向此頁的font support頁面的鏈接。它可能不完全是最新的，但它提供了一個很好的字體支持的圖片。

您可以考慮使用爲目的Web字體，但是這聽起來用於顯示一個字符有點不相稱，而且似乎Font Squirrel @font-face generator失敗，使用symbolA工作，出於某種原因。另見：Guide to using special characters in HTML。

另見：Guide to using special characters in HTML。

P.S.該字符將顯示爲黑色和白色，但您可以使用CSS在其上設置顏色。參看到SO問題Color in the Unicode standard?

來源

2012-07-14 19:57:17

在HTML/CSS文檔中使用Unicode標準符號。我使用Javascript嗎？

回答

相關問題