HTML UTF-8 编码不适用于 google 字体

Question

我尝试在使用 UTF-8 编码时实现 google 字体，但每个非标准字母（如德语 Ä、Ö 或 Ü）都显示为问号。

我做错了什么？

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

Answer 1

看了你的代码，没有什么问题。 utf-8 编码可以呈现任何 Unicode 字符，甚至是 Umlaut 德语字符。查看您的代码并运行在我的本地浏览器中查看它，首先它没有向我呈现那些字符。问题不在于您声明 meta charset="utf-8" 时，而在于您保存文件时。如果您使用文本编辑器作为 Atom，您将不会遇到问题，因为编辑器默认设置为以 UTF-8 编码文件。但是如果你将该代码写入记事本（windows）并保存它，它将不会呈现，因为记事本默认设置为在 ANSI 中编码。此外，如果您运行将您的代码放入 JSFiddle，您将看到呈现的字母，因为 jsfiddle 已经设置为 utf-8 编码。

只要确保在将文件保存为 UTF-8 时设置了文件编码，问题就解决了。

HTML UTF-8 编码不适用于 google 字体

HTML UTF-8 encoding doesn't work on google fonts

html

utf-8

google-font-api