css - 如何下载粗体版本的谷歌字体

Question

我正在使用 SourceSansPro-Bold。我下载了一个 ttf 文件，并且将其他格式声明为 google 链接。但我的问题是这些链接是否正确？

问题是 Google 链接声明了单词 'V4，可能是版本 4，但我需要版本为“粗体”的字体。

如何检查是否有相同的字体(都是粗体)？

或者如何修改谷歌链接以获得粗体字体？

Css 字体定义:

@font-face {
  font-family: 'source sans pro';
  font-style: normal;
  font-weight: bold;
  src: font-url('SourceSansPro-Bold.ttf');
  src: font-url('SourceSansPro-Bold.ttf') format('truetype'),
       local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}

内部带有 V4 字符串的 Google 字体声明:

http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eo

Answer 1

您可以在这里选择您想要的字体粗细: https://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro .

如果你想在本地下载这些文件。

1. 访问 href来自 <link>
2. 访问 url:来自 @font-face您需要的字体。
3. 这将下载字体。