Use Custom Fonts

When you add custom fonts to a tool or template, you may find that some fields don't reflect your font specifications.

This can be fixed via the Tool CSS field at the bottom of the Look and Feel tab, which will fix any problems that you have if you're not seeing the results you expect after entering a custom font into the Font Family field.

For example, if you want to have the Museo font family applied to all the text in a tool, but the Email Subject, Your Message field, and Action Button stay as the default font, the following code, pasted into the Tool CSS field, will update these fields so that the Museo font is applied globally:

body, p, li, em, i, h1, b, h2, h3, h4, h5, h6, strong, body.page-nm-letter, div.l-main, div.node--letter--embed, .form-item .item-label label, .form-item-submitted-newspapers-checkboxes, a.nm-branding-link, .webform-component-addressfield .form-item[class*="autocompletion-block"] + div[class*="toogle"] a, .webform-component a, .form-item input, .form-item .item-label label.compact-form-label, textarea, .field-name-title .field-items h2, input.webform-submit, input.webform-next, .webform-tweet-container a.webform-tweet-button, .webform-client-form .form-actions input.webform-previous {
font-family: 'Museo', sans-serif!important;
}

The font family is specified on the second to last line of the code above, so make sure you replace 'Museo' with the name of the font family you'll be using!