處理HTML表單中的Unicode字符

我在收到此Unicode字符在HTML表單中正確顯示時遇到問題。 Details of the character are here 處理HTML表單中的Unicode字符

它反而呈現。我的HTML看起來像：

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      input { 
       font-family: 'Arial Unicode MS' 
      } 
     </style> 
    </head> 
    <body> 
     <input type="text" value="" /> 
    </body> 
</html>

該字體出現正確的顯示字符在記事本中，所以我不能確定，爲什麼它不會被正確地在網頁中呈現。

該頁面有Content-Type標題text/html; charset=utf-8。這隻會影響Google Chrome（在32.0.1700.107版本上測試過）。 Screenshot is here

來源

2014-02-06 Ceilingfish

您是否配置了記事本以保存爲UTF-8？ – Quentin

是的，我已配置記事本保存爲UTF-8 – Ceilingfish

當「it」引用「」時，描述「它呈現爲相反」很奇怪。您應該指定出現問題的瀏覽器，並可能提供屏幕截圖。請注意，聲明Arial Unicode MS沒有幫助（甚至可能是問題的一部分），因爲字體不包含U + 1F604。 –

問題（U + 1F604未示出，即使是在含有與它的字形的字體系統;一個小矩形出現代替）是通過在鉻字體呈現的錯誤引起的，它會影響正常的文字，也，而不僅僅是輸入框中的字符。解決方法是指定，在CSS中，包含字符的字體系列的列表：

input { font-family: DejaVu Sans, Symbola, Quivira, Segoe UI Symbol, UniversaliaPlus }

爲根據愛好的風格所需的重新排序列表中，雖然包含U + 1F604開口大笑的臉嘴，微笑的眼睛字體對於這個或多或少具有標誌性的角色似乎有相當類似的字形。如果您發現包含它們的其他字體，請將它們添加到列表中。

請注意，許多用戶的計算機沒有支持U + 1F406的字體。一些現代的Windows系統具有的Segoe UI符號，許多Linux發行版有DejaVu字體（但增加了對U + 1F406字形到幻覺記憶三世最近，在2.33版本

一般背景和附加信息：。Guide to using special characters in HTML

注意：我回滾了一些編輯，在DejaVu Sans之類的字體名稱周圍添加了引號，這些引號是而不是需要（除了有特殊字符的名稱），CSS3 rules或其他;使用它們是一件事編碼風格如果你更喜歡使用它們，我會建議統一性，把全部字體家族名稱（除通用名稱外，如serif）用引號引起來。

來源

2014-02-07 06:18:46

我想你忘記了微軟Cambria數學字體，這種字體有非常大的數字unicode符號範圍。 – Kasper

@Kasper，Cambria數學對於數學很好，但它不包含提到的字符U + 1F604，用戶輸入很少包含除MathOverflow之外的數學特殊字符。 –

我剛剛創建了這個應用程序來寫一個textarea unicode數學符號：http://embed.plnkr.co/jNA28BBb2JFAccPPX61p/preview所以我可能有偏見;） – Kasper

處理HTML表單中的Unicode字符

回答

相關問題