Small issue with bold text

[pcmill]

I use Sandstone as a theme for some of my projects. It seems that the bold text does not render properly. This is because an effect called faux-bold, as described here. A consequence of this problem is wrong kerning, some of the letters seem to melt together.

So instead of this:

We should get this:

I simply replaced font-weight: bold with font-family: "Roboto Black" in this example.

[thomaspark]

Thanks for the bug report. What OS / browser are you seeing this on? I checked both Mac and Windows and it's rendering fine for me:

Also, Google Fonts does not provide Roboto Black (only Roboto, Roboto Condensed, and Roboto Slab), so unless you have it installed locally, it should be getting replaced by another font when you declare font-family: "Roboto Black".

[pcmill]

I can reproduce this bug on Firefox 46.0.1 / Windows 7. I also tried it on Chrome, Internet Explorer and Opera where this problem is not noticeable. This article says that Firefox does "smear" a font more, but that is assuming the font does not get loaded in. I do have the font installed locally.

I did notice you only load Roboto in weight 400 and 500. On the Google Fonts page itself they refer to bold as weight 700. Maybe that has something to do with it?

[thomaspark]

Tried it on Firefox 47 / Windows 8, and didn't get the blur. FYI I don't have the font installed locally.

Could you try the following things and see if the blur goes away for either case?

• Change b {font-weight: strong;} to b {font-weight: 500;}
• Edit the theme to load Roboto at 700 as well

[pcmill]

Both of the solutions worked in my case to get the bold text to render properly. Probably loading Roboto at 700 is a good idea so you don't have to rely on the interpretation of Firefox to much.

[thomaspark]

Done!