how to download google fonts in version bold


Tags: css,fonts,google-font-api

Problem :

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.

    CSS Howto..

    How to make this CSS hamburger menu entirely clickable?

    How to let Fancybox Next and Previous button stay visible

    How to use Css to make CellList flow Horizontally rather than Vertically? (GWT & CSS)

    How can that view be achieved? Collage / Magazine Products

    How to draw a lens like circle on mouseover

    How to arrange input elements to columns or other way to improve form readability

    How to set a background-color to element which has the same id with anchor of url?

    Jquery/CSS: How to apply addClass with a delay of 1 sec on mouseenter event.

    How can i setup multiple sites within a single ASP.Net project?

    How to inject javascript var into css

    How to vertically center a child element of arbitrary size inside a floated parent element (of known size)?

    How can I center vertically a div with position absolute and hight = 100px on another div with position relative but with not standard height

    CSS How to generate this Shape on a Div or on Canvas

    How to flatten checkbox using CSS? [duplicate]

    How to enlarge and shrink an element in a loop animation through jquery or CSS

    How to make a box's content overflow past background

    Javascript: How can I undo the setting of element.style?

    How to get the “true” computed CSS width in Chrome / IE

    Show text at bottom with css

    How to reference CSS from libraries installed via npm?

    How to correctly override inaccessible HTML content with CSS?

    How to create cascading menus in rails?

    How to align css class using bootstrap

    How to reach 'this' element in the .css part in Jquery

    How to add CSS Hack specifically for IE10?

    how to horizontally center a div of 10000px (wider than full screen) in CSS?

    CSS, how to add picture in the corner of every columns

    How to make heading appear in different colors

    How can I apply jQuery .css style to descendant div [closed]

    jQuery Show/Hide - CSS display values are affecting my layout