How to Add Custom Fonts to Your Form

Note: This tutorial may require a bit of coding knowledge to work.

Some times you want the font of your form to match the font you are using on your site. If this is the case, this tutorial is for you. In most instances this will work, if you have having trouble getting this to work, please contact support for assistance.

First you'll want to copy the code below into a text editor. Then you'll want to replace the font example, 'Indie Flower', cursive !important;, with your actual font name. Once you replace all the spots where this font name goes, copy and paste the entire chunk of code and place it under Form Settings > Style, in the Custom CSS box. Click Save. This should now change your form fonts. Please note that you must have the font available on your site for the form to detect this.


::-webkit-input-placeholder {
font-family: 'Indie Flower', cursive !important;
}
::-moz-placeholder {
font-family: 'Indie Flower', cursive !important;
}
:-ms-input-placeholder {
font-family: 'Indie Flower', cursive !important;
}
:-moz-placeholder {
font-family: 'Indie Flower', cursive !important;
}
input, .ck_form, .ck_label, .ck_subscribe_button {
font-family: 'Indie Flower', cursive !important;
}

Please see an example screenshot of the form font in this example below:

Still need help? Contact Us Contact Us