Question

我对Internet Explorer（从版本7及更高版本测试）和文档编码有一个奇怪的问题。

HTML开头：

<!DOCTYPE html>
<html lang="pt_br">
    <head>
        <meta charset="utf-8">

[...]

嗯，问题是：不同元素中的相同文本显示不同的编码输出：

HTML和预期结果：

<h1>Início</h1>
<h2>Início</h2>

Início // Bigger than h2
Início

Internet Explorer结果：

Início // h1 works fine
InÌcio // h2 does not work

所有其他文字都可以。我见过this question，但没有答案指导我解决这个问题。

Answer 1

尝试使用HTML编号作为特殊字符：即。 &#204 ;表示Ì。

Answer 2

我发现问题只发生在helvetica字体定义。

h2 {
    background: #fff;
    font-family: 'Gill Sans','lucida grande', helvetica, arial, sans-serif;
    font-size: 160%;
}

所以，我从CSS中移除了一切正常：

h2 {
    background: #fff;
    font-family: 'Gill Sans','lucida grande', arial, sans-serif;
    font-size: 160%;
}