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!!!
Solved! Go to Solution.
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.
Hi Shawn
I think this is possible, but you will have to manipulate the CSS of the form.
-Greg
Does the CSS manipulation only work for web fonts or can you also use fonts not necessarily in the web font collection?
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.
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.
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!
I've done enough troubleshooting and making mistakes I have figured out the solution.
Thanks everyone for their help!
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>
Hi Justin,
in the second case, to be sure, you would better use
<style>
.mktoLabel {
font-family:"Verdana" !important;
}
</style>
-Greg