logo标签列表

谷歌的Open Sans字体重量

htmlcssgoogle-font-api
10

我正在通过以下方式在html页面中使用Google Open Sans字体：

<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">

font-weight: 600;是使字体加粗的唯一值，其他数值似乎没有区别。如何在这种特定字体下使用CSS规则来获得中间字重？或者必须使用其他字体？

1个回答
14
你正在使用的只包含400字重的字体文件。如果你想要其他字重的字体文件，你需要同时选择相应的字重，比如说：
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

请注意，使用的字重越多，加载这些文件所需的时间就越长。若要添加更多字重，请按照以下步骤操作：

  1. 进入Open Sans字体页面，点击选择此字体选项 enter image description here
  2. 最大化页脚中的框，并点击自定义

enter image description here

  1. 在此处选择您想要为此字体选择的字重。完成后，返回到嵌入并获取新URL。

enter image description here

3
太棒了！一个权威性的回答！ - Hanky Panky
2
@HankyPanky 随着声望的提高，责任也随之增加。 - Mr. Alien
1
可能需要在 MS Paint 上花一些时间 :D 我以为只有我的箭头很糟糕。 - Hanky Panky
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接