如何使用斜体的Google字体？

Question

所以我想使用Google字体Roboto的斜体版本。

这是Google为我选择的字体给我的代码部分...

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Roboto:300,100italic' rel='stylesheet' type='text/css'>

我可以让它应用Roboto Slab和Roboto字体，但我不确定如何使用Roboto斜体。

我可以做...

font-style: italic;

但你可以使用任何字体来获得伪斜体。我想要真正的斜体谷歌字体。

有人知道如何正确使用谷歌斜体字体吗？

- Arsinek

---

你做得很正确。如果你加载了 font-weight: 100; font-style: italic;，它应该正常显示。 - Andy Holmes

Answer 1

使用Google字体应用斜体字样式的正确方法是使用标签

font-style: italic;

要使用加粗字体，请使用

font-weight: bold;

你遇到的问题是没有为斜体字包含恰当的字重（font-weight）。

如果你想让“font-weight: normal; font-style: italic”生效，你需要包含400和400italic版本。

http://fonts.googleapis.com/css?family=Roboto:400,400italic

之所以font-style: italic会起作用，是因为字体声明已经设置好了其适当的样式和权重。如果您查看上面链接的源代码，您会发现：

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: ...sources...
}

声明字体的字重和字体样式可以使字体以指定的粗细和样式展示。这可以用于在需要引用块时将其设置为斜体，以及强调文本看起来正常的情况下。

如果没有为样式和字重指定覆盖字体文件，则浏览器将尽力渲染伪斜体或伪粗体。

- zzzzBov