如何使用斜体谷歌字体？

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 Italic.

我可以...

font-style: italic;

但你可以用任何字体做到这一点,并得到一个虚假的斜体.我想要真正的斜体谷歌字体.

任何人都知道如何正确使用Italic Google字体？

Answer 1

使用谷歌字体应用斜体字体样式的正确方法

font-style: italic;

用于加粗字体重量

font-weight: bold;

您遇到的问题是您没有为斜体字体包含适当的字体粗细.

如果你想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...
}

声明了font-weight和font-style允许字体以指定的权重和样式接管.这可用于在某些情况下反转字体样式,例如您可能希望块引用显示斜体并强调文本显示正常.

如果没有为样式和重量指定覆盖字体文件,则浏览器将尽力渲染仿斜体或人造粗体.