Hello, I have a problem… I changed the font family in the form to Inter, but it still adds some default styles automatically. How can I get rid of/change the font family in the input field?
I can’t use:
hbspt.forms.create({
region: “na1”,
portalId: “xxxxxxx”,
css: “”,
formId: “11111-111111-111111-11111”
});
because it will destroy the form.
How do I can change this font-family?
https://campaign.manpower.de/en/employees-recommend-employees-tesla?weweg
Hey @TSygut4 - it looks like the page is built on HubSpot but the form is in an iframe, so it won’t inherit any styling:
Are you embedding the form instead of using a form field/module? Is there any particular reason for this?
If you use a form field/module instead it should inherit your theme’s styling and any CSS used on the site/page. But if you’re embedding it (which is usually done on non-HubSpot websites), you can apply some styling from the forms editor.
Hi @Stephanie-OG, Some Hindi agency used embed form in the richtext 
. I have to change font in the 150 different forms, client has low budget so I need to find the way to delete this Helvetica font somehow. I set font family Inter in the form editor, but still it add Helvetica to inputs … How?
Do you have any ideas?
@TSygut4 - ouch!
Since I usually work with the HubSpot CMS I don’t do a lot with embedded forms but it seems like you can update form fonts across the board from your Settings > Marketing > Forms > Styles.
It says that “This styling won’t be applied to your form if you add it to a HubSpot CMS page.” within the form’s styles tab, but I think that means that it inherits your theme styling instead if you’re using a form field/module.
Or with embedded forms, you can always enable the “Set as raw HTML form” option within each form in the editor (details here), that way at least you’ll be able to style them all with CSS.
