Question

我正在尝试创建一个网页，其中包含一些法语版的官方比赛规则。

该页面是使用Bootstrap 3.2构建的。（使用默认的bootstrap下载......没有特别的更改。）

无论我尝试什么，我都无法在所有浏览器中正确显示法语口音字符或其他特殊HTML字符（例如注册商标＆＃39;）。

当我在浏览器中查看该文件时，Chrome和Internet Explorer都会失败。只有FireFox显示正确的字符，而其他字符显示无效的字符占位符。

我已尝试过友好代码，数字代码和十六进制代码......但没有运气。

有谁知道如何才能让它发挥作用？

以下是我的测试页面的示例＆＃39;：

<!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的链接，那么一切正常。

Answer 1

如果所有方法都失败并且没有其他样式表影响该情况，那么系统中的某些字体必定是错误的。 Bootstrap CSS定义：

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

例如，如果系统有一个名为“Helvetica Neue”的字体，并且此字体包含有关字符支持的信息，说支持“È”，但实际上不支持，那么我们可能会看到一个小矩形。字体信息可能会以不同浏览器的不同方式被破坏。

请查看系统中的“Helvetica Neue”和“Helvetica”，并检查它们包含的字符。

（第一个方法，使用“È”这样，这通常是最好的，如果文档实际上不是UTF-8编码则无法工作。但编码问题不会影响方式字符或实体引用，如È工作。）

特殊/保留字符未正确编码

1 个答案: