Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

Bold not showing for some people

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?

bug-no-bold2b.jpg
 
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.
 
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.
 
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.
 
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.
 
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.
 
Also, I would suggest an extension to help you identify what font is rendering, like:


Also available for Firefox and Safari
 
Last edited:

New Threads

Latest posts

Buy us a coffee!

Back
Top Bottom