Question

我是Google Fonts的新手。我从谷歌获得了这个网址：

<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

我的问题是，如何使用我选择的各种字体。正如你所看到的，它们是Ubuntu Normal 400，Ubuntu Normal 400 Italic，Ubuntu Bold 700和Ubuntu 700 italic。

我已尝试过所有内容，但只能使用简单的“Ubuntu”，而不能使用其他内容。

请帮忙！

Answer 1

这是我使用斜体版本：http://jsfiddle.net/6wzuy/

font-family:ubuntu;
font-style:italic;
font-weight: 700;

该技术是使用CSS font-style Property

Answer 2

font-family: 'Ubuntu', Arial, serif; font-weight: 700;

编辑：您必须包含斜体和粗体的单独字体库，以使它们按预期工作。

如果您不包含斜体和粗体版本，浏览器将尝试补偿，但很可能会做很差的工作。有关详情，请参阅this List Apart article。

如果要为字体添加字体样式，始终会添加额外的字体样式并在文档中指定它。特别是在大型衬线字体中，它可以产生巨大的差异。

Answer 3

您使用的Google code将常规，斜体，粗体和粗体斜体字体（特定字体）声明为字体（字体系列）“Ubuntu”的成员。这意味着您使用斜体和粗体，就像使用普通字体时一样。

您可以使用font-style: italic请求斜体字体，font-weight: bold（或等效地，font-weight: 700）请求粗体。请注意，默认情况下，许多HTML元素都表示斜体或粗体;例如，h1，strong和th元素意味着font-weight: bold。

还有其他方法可以使用@font-face，以便将每个字体声明为自己的字体系列; FotSquirrel就是这么做的。但Google采用的方法更符合逻辑，并且与HTML和CSS中通常使用字体的方式兼容。

使用Google Fonts API

3 个答案: