css - 谷歌字体 ubuntu 特殊字符无法正确显示

Question

我想以 ubuntu google 字体显示文本。当我创建一个带有特殊字符的简单网页时，它无法正确显示。像这样:

touché – ‘çá’

然而，试图在 fiddle 中演示这一点，我发现了完全相同的代码来产生成功的显示。

我试过像这样添加所有子集:

<link href='http://fonts.googleapis.com/css?family=Ubuntu:300&subset=latin-ext,latin,cyrillic-ext,greek-ext,greek,cyrillic' rel='stylesheet' type='text/css'>

在 css 中使用这个:

font-family: 'Ubuntu', sans-serif;
font-weight: 300;
font-size: 150%;

如何让我的本地 html 文件也正确显示这些字符？这是我的 fiddle

Answer 1

从本地硬盘驱动器读取您的文档时，缺少 header 来告诉浏览器其编码方式，并且猜测不正确。添加

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

到您的文档，这应该有所帮助。在您想要一个字符的地方看到两个字符通常表明您在需要 UTF-8 的地方获得了 8 位编码(将这些字符编码为两个八位字节。)