css - Firefox - Google 字体，希腊语无法与 Roboto 一起使用

Question

您可以检查以下代码段，问题是 Roboto 无法在 Firefox 上正确显示希腊字符。

body {
  font-family: Roboto, sans-serif;
}

<link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">


<h1>This is a test</h1>
<h1>Αυτό είναι ένα τεστ</h1>

Answer 1

您需要添加子集“希腊语”（我也添加了希腊语扩展以防万一）

body {
  font-family: Roboto, sans-serif;
}

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

<h1>This is a test</h1>
<h1>Αυτό είναι ένα τεστ</h1>

PS -你怎么能自动做到这一点？

在这里的第 2 步

Answer 2

您似乎需要将正确的子集添加到字体 API 调用中。尝试改用这个

http://fonts.googleapis.com/css?family=Roboto&subset=latin,greek-ext,greek

这似乎在 Firefox 中对我有用。