CODEWITHSUNDEEP
cssfontsgoogle-font-api
P.K.
P.K.

Reputation: 1772

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

Upvotes: 0

Views: 1230

Answers (1)

Alex
Alex

Reputation: 9041

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.

Upvotes: 1

Related Questions