SourceSansPro-Bold font bolder in firefox
NickName:S. Shukla Ask DateTime:2016-09-01T19:02:35

SourceSansPro-Bold font bolder in firefox

In Firefox:

display in firefox

.enum{
font-family: "SourceSansPro-Bold","Source Sans Pro";
font-weight: 700;
}

If I am doing font-weight: 400 than it is fine

.enum{
font-family: "SourceSansPro-Bold","Source Sans Pro";
font-weight: 400;
}

But when if user has the google fonts CDN blocked than it looks vary no bold

Not bold

.enum{
font-family: "Source Sans Pro";
font-weight: 400;
}

Copyright Notice:Content Author:「S. Shukla」,Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/39269808/sourcesanspro-bold-font-bolder-in-firefox

Answers
Roysh 2016-09-01T11:08:27

You should download the bold version as well.\n\nwith this tag in your html \n\n<link href=\"https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700i\" rel=\"stylesheet\">\n\n\nIf it gets blocked, there's nothing much you can do",


More about “SourceSansPro-Bold font bolder in firefox” related questions

SourceSansPro-Bold font bolder in firefox

In Firefox: .enum{ font-family: "SourceSansPro-Bold","Source Sans Pro"; font-weight: 700; } If I am doing font-weight: 400 than it is fine .enum{ font-family: "SourceSansPro-Bold",&q

Show Detail

Roboto font bolder with Firefox

I try to install Roboto on my website, using Google Fonts, and I feel desperate to see that Roboto is bolder (much bolder) in Firefox than in Google Chrome. Here are my codes : &lt;link href="htt...

Show Detail

Font (Roboto) appears much bolder on Chrome than Firefox (Windows)

I'm using Roboto font widely through my web app. I'm developing on Linux and everything is fine, but then I checked if it looks the same on Windows, and it doesn't. In Windows-Chrome fonts are much

Show Detail

Make small font bolder

I'm wondering if anyone has a smart js or css trick to make a small font a little bolder. For a client, we're using the Courier font with font-size 12px/15px and text-transform uppercased. I added...

Show Detail

@font-face: font in FF is bolder than in Opera 17 or Chrome

I used this code for font-based icons: @font-face { font-family: 'LG simboliai'; src:url('../fonts/LG simboliai.eot?-8dz81a'); src:url('../fonts/LG simboliai.eot?#iefix-8dz81a') format('embedded-

Show Detail

Firefox type rendering bolder than other OS X browsers - is there a solution?

Are there any non-hacky html/css/jquery tricks to achieve better font rendering for Firefox users? The screenshots below (Safari 5/Chrome 20/Firefox 13) show that Firefox is rendering user-agent fo...

Show Detail

Why does "font-weight: bolder" skip boldness steps?

According to the MDN page on font-weight and other sources, font-weight: bolder makes text content "one font weight darker than the parent element (among the available weights of the font)." I hav...

Show Detail

"Source Sans Pro" font-weight: 400 displays bolder than 600 on Chrome, Safari and Firefox

It seems the font weight: 400 is bolder than 600. Does this happen only to me? On my Mac Book Pro, it displays the same on Chrome, Safari and Firefox. So, I guess it is not a browser related issue.

Show Detail

@font-face: bold in FF is bolder than in Chrome

I used this code: @font-face { font-family: 'DroidSansRegular'; src: url('droidsans-webfont.eot'); src: url('droidsans-webfont.eot?#iefix') format('embedded-opentype'),

Show Detail

Google Font looks bolder in Mac browsers

Google Font looks bolder in Mac browsers than any other browsers of windows OS.

Show Detail