How can I assign a specific FONT to a Gravity Form Field and keep the other field with the Default Font?

How can I assign a specific FONT to a Gravity Form Field and keep the other fields with the Default Font?

I see how to assign a Font site-wide to the main CSS file.

h1 {
font-family: ‘CustomFont’, Arial, sans-serif;
font-weight:normal;
font-style:normal;
}

But How do I do it to individual FIELDS? and what would the css script look like?

Here’s what I have so far but I’m not sure if this is the correct CSS code to use?

@font-face {
font-family: “CustomFont”;
src: url(“https://azpublishing.org/css/fonts/webfontkit-MICRE13B/micre13b_match-webfont.woff”) format(“woff”),
src: url(“https://azpublishing.org/css/fonts/webfontkit-MICRE13B/micre13b_match-webfont.woff2”) format(“woff”),
src: url(“https://azpublishing.org/css/fonts/webfontkit-MICR/micre13b-webfont.woff”) format(“woff”),
src: url(“https://azpublishing.org/css/fonts/webfontkit-MICR/micre13b-webfont.woff2”) format(“woff”),
}

Thank you
JP

Under the Appearance tab for each field you can set your own custom class. Then all you have to do is target that class to set the font family.

2 Likes
© 2008 - 2021. Gravity Forms is a project by Rocketgenius Inc.