Question

使用Google字体“Source Sans Pro”我发现Firefox和Safari不能正确呈现捷克字符'Š'和'č'（它似乎又回归到下一个选择字体，我已经为清晰起见，在下面的示例中设置为serif：

Example rendering of HTML in Safari / Firefox

然而，Chrome做得更好：

Example rendering of HTML in Chrome

所以字体肯定包含这些字符。这是这些浏览器中的错误还是HTML中的错误？

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Test document</title>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700'
          rel='stylesheet' type='text/css'>
<style>
body {
  font-family: 'Source Sans Pro', serif;
  font-size: 16px;
}
</style>
</head>

<body>
<p>Here is my Czech colleague's surname: Šimečková</p>
</body>
</html>

Answer 1

这些重音字符位于拉丁语扩展字符集中。你应该链接到：

http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700&subset=latin-ext,latin

Firefox没有渲染一些Source Sans Pro角色

1 个答案: