topic Re: Landing page hyperlink font in Blog, Website & Page Publishing

Landing page hyperlink font

LVRachel — Thu, 13 Mar 2025 11:59:10 GMT

I'm trying to create a landing page using the Helvetica font throughout. When I insert a hyperlink within a text block, the hyperlink font changes to Georgia and I cannot change it to anything else. Why is this happening and how can I solve it?

Re: Landing page hyperlink font

Ben_M — Thu, 13 Mar 2025 12:16:01 GMT

This is likely happening due to styles on the page. The answer could be contained on page or in the linked CSS document. Are you able to share a link to the page in question?

Re: Landing page hyperlink font

LVRachel — Thu, 13 Mar 2025 12:34:27 GMT

Hi Ben

The page isn't published yet, but the link will be http://logovisual.hubspotpagebuilder.com/rediscover-thinkingwall

Re: Landing page hyperlink font

LVRachel — Thu, 13 Mar 2025 12:35:45 GMT

This is happening when I link to a document or a url

Re: Landing page hyperlink font

Ben_M — Thu, 13 Mar 2025 13:03:49 GMT

@LVRachel wrote:

Hi Ben

The page isn't published yet, but the link will be http://logovisual.hubspotpagebuilder.com/rediscover-thinkingwall

Unfortunately that will not help at all if the page is not published. If you cannot publish it until this is corrected could you create a clone for us to examine? Otherwise, the only advice we can provide would be to inspect the source code to look for the CSS or style that is changing the font and remove the reference to the Georgia font, as I would suspect if the rest of the page is Helvetica it should inherit that font once the Georgia reference is removed.

Re: Landing page hyperlink font

LVRachel — Thu, 13 Mar 2025 13:04:42 GMT

Page is published now, if anyone can suggest a solution that is non-technical? I don't have this problem when designing emails.

Re: Landing page hyperlink font

Ben_M — Thu, 13 Mar 2025 13:32:31 GMT

@LVRachel wrote:

Page is published now, if anyone can suggest a solution that is non-technical? I don't have this problem when designing emails.

Ultimately issues like these with web pages (or sometimes email) tend to be coding related so there's not necessarily a simple non-technical solution. From reviewing your code the standard font on your page is Lato and the hyperlinks are all set to be Merriweather. This does not appear to be in a separate CSS document but rather on your page itself as I can see the line of code on line 44 that changes this font. On this line you will see:

font-family: Merriweather;

If you edit the source of the page to remove the font-family line this will resolve your issue. It's possible that depending on your template and setup this may not be editable via the page editor and this may be part of your template file itself, if so you would need to go into the Design Manager to edit this particular template and remove the line so it doesn't appear on any page moving forward. It would be best practice to remove this type of CSS code from being inline on the pages themselves and moving them into a separate, included CSS document to prevent having to mix structure and style and only use inline styles to override your global settings.

Re: Landing page hyperlink font

LVRachel — Thu, 13 Mar 2025 14:40:47 GMT

Ben, thanks for taking the time to reply and trying to help.

I'm on a free package with starter templates, I just use HubSpot to support my WP site with the occasional landing page. I have little idea about coding but I can just about follow what you're saying, but I don't think I can make any changes anyway as I don't have access to anything.

It seems odd that in these basic templates something as simple as keeping a font consistent becomes a problem. Unfortunately I can't log it as I don't have email help!

Thanks again!