3

我是谷歌字体的新手。我从谷歌得到了这个网址:

<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”而不能使用其他任何东西。

请帮忙!

4

3 回答 3

7

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

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

该技术是使用CSS font-style 属性

于 2013-01-03T02:28:21.223 回答
2

您使用的Google 代码将常规、斜体、粗体和粗斜体字体(特定字体)声明为字体(字体系列)“Ubuntu”的成员。这意味着您可以像使用普通字体一样使用斜体和粗体。

您可以使用font-style: italic请求斜体字体和font-weight: bold(或等效font-weight: 700地)请求粗体。请注意,许多 HTML 元素默认为斜体或粗体;例如,h1strongth元素意味着font-weight: bold

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

于 2013-01-03T11:33:33.973 回答
2
font-family: 'Ubuntu', Arial, serif; font-weight: 700; 

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

如果您不包括斜体和粗体版本,浏览器将尝试进行补偿,但很可能会做得很差。更多关于这个的列表分开文章

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

于 2013-01-03T02:28:29.110 回答