SOLVED

I'm curious about custom fonts for Marketo Forms

Go to solution
Anonymous
Not applicable

I'm curious about custom fonts for Marketo Forms

Has anyone had any luck uploading custom fonts into marketo for the forms?  We're trying to keep our landing pages inline with our brand guidelines which includes font not included in the Font Family for the forms.

Please help!!!

Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Justin_Cooperm2
Level 10

Re: I'm curious about custom fonts for Marketo Forms

Sure, that works fine. If you're using a web font, you can put a reference to it on your page that the form is on, then use CSS to style the form labels with the font.

View solution in original post

9 REPLIES 9
Grégoire_Miche2
Level 10

Re: I'm curious about custom fonts for Marketo Forms

Hi Shawn

I think this is possible, but you will have to manipulate the CSS of the form.

-Greg

Justin_Cooperm2
Level 10

Re: I'm curious about custom fonts for Marketo Forms

Sure, that works fine. If you're using a web font, you can put a reference to it on your page that the form is on, then use CSS to style the form labels with the font.

Anonymous
Not applicable

Re: I'm curious about custom fonts for Marketo Forms

Does the CSS manipulation only work for web fonts or can you also use fonts not necessarily in the web font collection?

SanfordWhiteman
Level 10 - Community Moderator

Re: I'm curious about custom fonts for Marketo Forms

Any font you're using on your website can be used on a form.  The CSS can be manipulated within the Forms 2.0 Editor Custom CSS area or in separate stylesheets loaded by the document that hosts the form.

Justin_Cooperm2
Level 10

Re: I'm curious about custom fonts for Marketo Forms

Yeah, the CSS manipulation works for any font. You can specify that the labels should be any font you wish buuuuuuut, you'll probably want to make sure you're specifying a universally supported font if it isn't a web font.

Anonymous
Not applicable

Re: I'm curious about custom fonts for Marketo Forms

You'll have to forgive me, but I'm still learning the navigation of marketo.  Could you possibly tell me where I'll find the Form Editor 2.0 and then where to locate that CSS stylesheet so I can update the code?  I'm also a noob at the coding and could use some guidance on that if you have some time to share your insights.

Thanks you so much for your help!

Anonymous
Not applicable

Re: I'm curious about custom fonts for Marketo Forms

I've done enough troubleshooting and making mistakes I have figured out the solution. 

Thanks everyone for their help!

Justin_Cooperm2
Level 10

Re: I'm curious about custom fonts for Marketo Forms

If you just create a new form it will use the Form Editor 2.0. To override the CSS, you have two options:

1. In tab #2 (Form Settings > Form Theme), click the gear icon in the top-right side and say "Edit Custom CSS"

Add something like:

.mktoLabel {

  font-family:"Verdana";

}

2. Add the snippet below to the <HEAD> portion of the web page that is hosting the form:

<style>

.mktoLabel {

  font-family:"Verdana";

}

</style>

Grégoire_Miche2
Level 10

Re: I'm curious about custom fonts for Marketo Forms

Hi Justin,

in the second case, to be sure, you would better use

<style>

.mktoLabel {

  font-family:"Verdana" !important;

}

</style>

-Greg