通過CSS爲web字體分配unicode值的正確方法是什麼？

Question

我正在將一些自定義圖標轉換爲網絡字體（僅供內部使用），並且我能夠使用本地客戶端工具導出到每個圖標所需的各種字體格式（woff，eot，ttf，svg）。

我在Windows中使用字符映射實用程序來查看每個圖標的Unicode值。例如，我有一個飛機圖標有一個unicode值：U + 0021（驚歎號）。

所以，現在，在我的CSS文件，我使用的代碼如下所示：

.myIcon-airplane:before { 
    content: "!" 
} 

此輸出預期飛機圖標。

但是，有沒有辦法使用unicode值（即U + 0021）而不是感嘆號？或者，使用CSS內容密鑰映射我的圖標的正確方法是什麼？

不幸的是，由於這些圖標的專有性質，我不能使用公共工具。

Answer 1

使用反斜槓轉義字符後的Unicode值，就像這樣：

.myIcon-airplane::before{ 
 
    content:"\0021"; 
 
}

<p class="myIcon-airplane"></p>