Bold not showing for some people

[jabbamonkey]

So, my coworker is editing our WordPress site ... and said that the BOLD text wasn't showing on the website (but it was showing for me fine). He sent me a screen shot, and I also got on a video call and he shared screen ... the BOLD wasn't showing for him.

Looking at the code ... the strong tag is in there (see attached screenshot).
The stylesheet shows b and strong tags set to font-weight: bold ... and they show up on his screen in the code
The fonts are showing up on both his and my computer (so I don't see a font issue).

Attached is a screen shot from MY computer, where it works. My client sees the same thing, EXCEPT the font isn't bolded on the live (left) page.

Anyone have any idea why this is happening? And how to fix it?

 

[JosiahMaybe]

Hey, try going to your style sheets in your browser and reloading if you can on what it is not working on. It may be a caching issue. If you cannot visit style sheets then try clearing cache. If that does not work then maybe code would help. X E.

 

[jabbamonkey]

Hey, try going to your style sheets in your browser and reloading if you can on what it is not working on. It may be a caching issue. If you cannot visit style sheets then try clearing cache. If that does not work then maybe code would help. X E.

Yup, tried that. It's not a caching issue. They cleared their cache, and they can open the style sheet directly and see the bold styles in the style sheet. So the browser is recognizing things...

I also thought it might be a zoom issue, and had them set ZOOM in their chrome browser to 100%. Still no fix.

 

[tomliv]

So, my coworker is editing our WordPress site ... and said that the BOLD text wasn't showing on the website (but it was showing for me fine). He sent me a screen shot, and I also got on a video call and he shared screen ... the BOLD wasn't showing for him.

Looking at the code ... the strong tag is in there (see attached screenshot).
The stylesheet shows b and strong tags set to font-weight: bold ... and they show up on his screen in the code
The fonts are showing up on both his and my computer (so I don't see a font issue).

Attached is a screen shot from MY computer, where it works. My client sees the same thing, EXCEPT the font isn't bolded on the live (left) page.

Anyone have any idea why this is happening? And how to fix it?

Are you using a custom font? If so, are you referencing it correctly in your styles? It may be that you have the font installed so your font-stack is finding the font.

 

[jabbamonkey]

Are you using a custom font? If so, are you referencing it correctly in your styles? It may be that you have the font installed so your font-stack is finding the font.

I am using a custom font.
I think the issue may be because the BOLD version of the font isn't loaded. It seems odd to me that setting the font-weight of a font to 900 doesn't just bold it ... but here we are.

 

[tomliv]

I am using a custom font.
I think the issue may be because the BOLD version of the font isn't loaded. It seems odd to me that setting the font-weight of a font to 900 doesn't just bold it ... but here we are.

700 is Bold. 900 is usually Ultra Bold or Black. You would need to make sure you have all the weights and styles of the custom family you intend to use including italics.

 

[jabbamonkey]

Any guides on how to "edit" a font and make sure these are included in the font file?

 

[tomliv]

Any guides on how to "edit" a font and make sure these are included in the font file?

Normally, for example Google fonts, you would select all the weights and styles you need in the family. You can't edit a font file to add other weights and styles.

 

[tomliv]

Also, I would suggest an extension to help you identify what font is rendering, like:

WhatFont - Chrome Web Store

The easiest way to identify fonts on web pages.

chromewebstore.google.com

Also available for Firefox and Safari