link font-family issue | Community
Skip to main content
Eric_Salamon1
Eric_Salamon1
Level 6
August 11, 2014
Solved

link font-family issue

In short I have a link and I put in the inline text. For some strange resion the font family is not changing. (the rest of the document works properly but the link does not) I will put the code below please let me know if you have any advise?

<a class="mktEditable" id="registration_link" href="http://www.google.com" style="font-family: Helvetica Neue; font-size:18px; font-weight:bold; color:#0066cb; line-height:16px;">other</a>
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Accepted solution
August 11, 2014
You need to put single quotes around that to deal with the space; also make sure your computer has Helvetica Neue installed. Here is some better code:

<a class="mktEditable" id="registration_link" href="http://www.google.com" style="font-family: 'Helvetica Neue', sans-serif; font-size:18px; font-weight:bold; color:#0066cb; line-height:16px;">other</a>
View reply

5 replies

Anonymous
August 11, 2014
Hmm..can you share the page where this lives so i can debug in the browser?
Translate
Eric_Salamon1
Eric_Salamon1Author
Level 6
August 11, 2014
unfortunately it didn't work.
Translate
Anonymous
August 11, 2014
Maybe not...that was my first inclination: http://stackoverflow.com/questions/7638775/do-i-need-to-wrap-quotes-around-font-family-names-in-css

You may have a conflicting declaration somewhere (maybe in Marketo's default styles). Try this and see if it changes:

<a class="mktEditable" id="registration_link" href="http://www.google.com" style="font-family: 'Helvetica Neue', sans-serif !important; font-size:18px; font-weight:bold; color:#0066cb; line-height:16px;">other</a>
Translate
Eric_Salamon1
Eric_Salamon1Author
Level 6
August 11, 2014
Thanks for your response! The thing is I have the same code thruout the entire page and only the link doesnt work. Do you really think that it is just the space between Helvetica Neue that is causing the problem?
Translate
Anonymous
Accepted solution
August 11, 2014
You need to put single quotes around that to deal with the space; also make sure your computer has Helvetica Neue installed. Here is some better code:

<a class="mktEditable" id="registration_link" href="http://www.google.com" style="font-family: 'Helvetica Neue', sans-serif; font-size:18px; font-weight:bold; color:#0066cb; line-height:16px;">other</a>
Translate
Terms & ConditionsAccessibility statement

Loading footer...