CSS中的UTF-8字符

Question

我一直在使用包含滑塊的html模板（革命滑塊-https: //revolution.themepunch.com/ ）

它具有用於瀏覽的左右箭頭-使用以下命令-

.tp-rightarrow.preview4:after { content: '\E824'; }
.tp-leftarrow.preview4:after { content: '\E825'; }

這在本地工作正常，但是當我作為Umbraco網站的一部分上傳時，兩個箭頭變為了中文符號。 當我用Google搜索時，發現以下內容-

現在，我已更改CSS以顯示>和<符號，但我想知道為什么原始代碼有時會顯示箭頭，而有時卻顯示中文符號。

謝謝。

Answer 1

U + E824和..25是專用區域中的代碼點。 該區域中的代碼點不是保留的 ，沒有任何預定義的含義。 它們既沒有定義為中文字符，也沒有定義為箭頭。 您可以自由地將任何私人使用的代碼點用於任何您想要的目的， 只要發布者和客戶都同意這些代碼點的含義即可。

在瀏覽器中，這幾乎可以歸結為安裝/加載/定義了正確的字體。 在網頁中，每個字符僅由第一個已定義/負責的字體呈現，該字體恰好包含該代碼點的字形。 因此，它在兩個不同的系統/環境上呈現不同效果的原因僅源於CSS字體定義不同或瀏覽器安裝了不同字體的事實。

原始文檔很可能包含自定義的Web字體，該字體將這些字符定義為箭頭。 您要么省略了該字體，要么覆蓋了字體的優先級，並對該元素應用了其他字體，並且該字體恰好在這些代碼點處定義了中文字符。