Search code examples
cssfontsgoogle-font-api

how to download google fonts in version bold


Im using SourceSansPro-Bold. I have one file ttf downloaded, and I have other format declared as google links. But my question is if the these links are correct?

The problem is that Google links has word 'V4 declared, probably version 4, but I need fonts in version "bold".

How to check if there are the same fonts (both in bold version)?

Or how to modify google link to get bold font for sure?

Css Font definition:

@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');
}

Google font declaration with V4 string inside:

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

Solution

  • You can select which weight of font you want here: https://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro.

    If you want to download these files locally.

    1. Visit the href from the <link>
    2. Visit the url: from the @font-face of the font you need.
    3. This will download the font.