我在一些页面中使用谷歌字体，但在尝试使用字体变体时遇到了困难。例子：http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans
我通过链接标签导入三个面孔：Normal、Bold、ExtraBold。正常的字体显示正确，但我不知道如何在 CSS 中使用字体的变体
我尝试了以下所有内容作为 font-family 的属性，但没有骰子：
- “打开无粗体”
- “打开 Sans 700”
- “Open Sans Bold 700”
- 'Open Sans：粗体'
谷歌文档本身并没有提供太多帮助。有人知道我应该如何编写 CSS 规则来显示这些变体吗？
他们使用常规 CSS。
只需使用常规字体系列，如下所示：
font-family: 'Open Sans', sans-serif;
现在您可以通过添加来决定字体应具有的“粗细”
用于半粗体
font-weight:600;
粗体 (700)
font-weight:bold;
额外粗体 (800)
font-weight:800;
像这样它的后备证明，所以如果谷歌字体“失败”，你的备份字体 Arial/Helvetica(Sans-serif) 使用与谷歌字体相同的粗细。
很聪明:-)
请注意，不同的字体粗细必须通过标头中的链接标记 url（Google 字体 url 的系列查询参数）专门导入。
例如，以下链接将包含权重 400 和 700：
<link href='fonts.googleapis.com/css?family=Comfortaa:400,700'; rel='stylesheet' type='text/css'>
For CSS2
<link href='fonts.googleapis.com/css2?family=Comfortaa:wght@400;700'; rel='stylesheet' type='text/css'>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
