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

Anonymous · ‎01-21-2016

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!!!

Justin_Cooperm2 · ‎01-21-2016

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

Grégoire_Miche2 · ‎01-21-2016

Hi Shawn

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

-Greg

Justin_Cooperm2 · ‎01-21-2016

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 · ‎01-22-2016

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

SanfordWhiteman · ‎01-22-2016

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 · ‎01-22-2016

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 · ‎01-22-2016

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 · ‎01-22-2016

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

Thanks everyone for their help!

Justin_Cooperm2 · ‎01-22-2016

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 · ‎01-22-2016

Hi Justin,

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

<style>

.mktoLabel {

font-family:"Verdana" !important;

}

</style>

-Greg