0

我正在嘗試創建一個網頁,其中有一些正式的法語比賽規則。特殊/保留字符不會正確編碼

該頁面是使用Bootstrap 3.2構建的。 (使用默認的引導程序下載...沒有特別的變化。)

無論我嘗試什麼,我都無法使法語重音字符或其他特殊HTML字符(例如「註冊商標」)在所有瀏覽器中正確顯示。

當我在瀏覽器中查看文件時,它在Chrome和Internet Explorer中均失敗。 只有FireFox顯示正確的字符,而其他字符顯示無效的字符佔位符。

我已經嘗試了友好代碼,數字代碼和十六進制代碼......但沒有運氣。

有誰知道我該如何獲得這個工作?

這裏是我的「測試頁面」的樣本:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Bootstrap with French Characters</title> 
<link href="../../css/updated/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<p>RÈGLEMENT OFFICIEL</p> 
<p>R&Egrave;GLEMENT OFFICIEL</p> 
<p>R&#200;GLEMENT OFFICIEL</p> 
<p>R&#xC8;GLEMENT OFFICIEL</p> 

</body> 
</html> 

正如你所看到的,上面的代碼突出了我的所有不同的字符選項嘗試。

如果我刪除鏈接到bootstrap.min.css,那麼一切正常。

回答

3

如果所有方法都失敗並且沒有其他樣式表影響該情況,那麼系統中的某些字體必須有錯誤。在引導CSS定義:

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } 

如果系統中有一個名爲「Helvetica Neue字體」,例如字體,這種字體包含字符的支持信息,稱「E」是支持的,但它實際上是不,那麼我們可能會看到一個小矩形。字體信息可能會在不同瀏覽器中以不同方式工作。

因此請查看系統中的「Helvetica Neue」和「Helvetica」,並檢查它們包含的字符。

(該第一方法,使用「E」正因爲如此,它通常是最好的,沒有工作,如果該文件實際上不是UTF-8編碼,但編碼問題不影響方式,字符或實體引用像&Egrave;一樣。)

+0

謝謝!它似乎是一個字體家庭問題。偉大的建議! – 2014-09-23 22:19:27