2016-01-23 65 views
0

我試圖在使用UTF-8編譯時實現谷歌字體,但是每個非標準字母(例如德語Ä,Ö或Ü)都顯示爲 問號。HTML UTF-8編碼不適用於谷歌字體

我在做什麼錯?

<html> 
 
\t <head> 
 
\t \t <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
 
\t \t <style> 
 
\t \t \t @import url(http://fonts.googleapis.com/css?family=Ubuntu); \t \t 
 
\t \t </style> 
 
\t </head> 
 
\t <body> 
 
\t \t <span style="font-family: Ubuntu;"> 
 
\t \t Umlaute: AE = Ä, OE = Ö, UE = Ü 
 
\t \t </span> 
 
\t </body> 
 
</html>

+0

我把你的HTML代碼轉換成了一個可運行的代碼片段,它適用於我。 – nwellnhof

回答

1

看你的代碼,沒有什麼不對的吧。 utf-8編碼可以呈現任何Unicode字符,即使是變音德語字符。看看你的代碼並在本地瀏覽器中運行它,首先它並沒有給我那個字符。當您聲明meta charset="utf-8"時,但當您保存該文件時,問題不在於此。如果您將文本編輯器用作Atom,則不會出現問題,因此編輯器默認設置爲以UTF-8編碼文件。但是,如果您將該代碼寫入(Windows的)記事本並保存,它將不會呈現,因爲默認情況下會將記事本設置爲ANSI編碼。 此外,如果您將代碼運行到JSFiddle中,您將選擇呈現的字母,因爲jsfiddle已被設置爲utf-8編碼。

只要確保在將文件保存爲UTF-8時設置文件的編碼,並解決問題即可。