Blog, Website & Page Publishing

cobrien
Member

Unable to Bold Text in Hubspot Page

SOLVE

Hi Everyone! 

 

We're updating one of our Hubspot landing pages and for some reason the text will not Bold when the B is clicked in the formatting bar for one module but it will bold in others. Has anyone experienced this before?

 

Thanks in advance!

1 Accepted solution
Jsum
Solution
Key Advisor

Unable to Bold Text in Hubspot Page

SOLVE

Hi,

 

@Phil_Vallender yes I would bet that is the issue. @cobrien, What font is it? When using a font you need to provide all weights and styles. This is a little tricky because, for example, if I do not include a font but I set a website's font to arial bold, for instance, then it will look correct when building it on my windows computer (because arial is a standard windows system font, i.e. present on my machine) however because I am not providing a font file for the site to use then a user that loads the site whose machine doesn't include arial (mac's I think...) would not use arial and would most likely default to helvetica.

 

Also though, if you font weights are added separately (instead of arial, arial_bold and arial_normal) then they are regarded as different fonts instead of different versions of the same font so even if the bold weight of your font is available, it would be available as a separate font and so not work. If this is the case, you should be able to remedy this by changing your typeface settings to where all versions of the same font have the same font family name and their font-weight is signified. check the source code for your rich text module after click the "bold" button to see how it sets up the bold value in the inline css. It could be 700, or bold. You'll want to set that as the typeface's font weight.

 

It could also be possible that the font in question just doesn't have a bold weight. There are more than a few fonts that have one one or two weights. 

View solution in original post

0 Upvotes
4 Replies 4
karinasonaglio
Contributor

Unable to Bold Text in Hubspot Page

SOLVE

Hey guys,

 

I'm having a similar problem on my blog. No bold of my blog appears on Mac, but the font just becomes a little smaller - for Windows everything is correct. The font I use is DinPro.\

 

Any idea of what can be happening and how to solve this?

 

Thank you,

Karina

0 Upvotes
Phil_Vallender
Most Valuable Member | Diamond Partner
Most Valuable Member | Diamond Partner

Unable to Bold Text in Hubspot Page

SOLVE

Hi @cobrien

 

I'm no expert but it sounds like the CSS for bold is missing for some reason within that module. Have you had the CSS for the page customised at all? 

 

You may need a developer take a look. Does this sound right @Jsum

Phil Vallender | HubSpot Website Agency
Jsum
Solution
Key Advisor

Unable to Bold Text in Hubspot Page

SOLVE

Hi,

 

@Phil_Vallender yes I would bet that is the issue. @cobrien, What font is it? When using a font you need to provide all weights and styles. This is a little tricky because, for example, if I do not include a font but I set a website's font to arial bold, for instance, then it will look correct when building it on my windows computer (because arial is a standard windows system font, i.e. present on my machine) however because I am not providing a font file for the site to use then a user that loads the site whose machine doesn't include arial (mac's I think...) would not use arial and would most likely default to helvetica.

 

Also though, if you font weights are added separately (instead of arial, arial_bold and arial_normal) then they are regarded as different fonts instead of different versions of the same font so even if the bold weight of your font is available, it would be available as a separate font and so not work. If this is the case, you should be able to remedy this by changing your typeface settings to where all versions of the same font have the same font family name and their font-weight is signified. check the source code for your rich text module after click the "bold" button to see how it sets up the bold value in the inline css. It could be 700, or bold. You'll want to set that as the typeface's font weight.

 

It could also be possible that the font in question just doesn't have a bold weight. There are more than a few fonts that have one one or two weights. 

0 Upvotes
cobrien
Member

Unable to Bold Text in Hubspot Page

SOLVE

Thank you guys!!! I'll check with our developer and see what checks out basis your above feedback.

 

 

0 Upvotes