Can't get css for custom imported font to display for spoiler widget

I got the custom font css to work globally for form fields, but on my spoiler widget field it doesn't display the title text in the custom font.

The text in the Spoiler widget is already in your custom font. If you want to customize the font size and color to match other fields, please inject this CSS in the Spoiler widget:

.text-container .text {

color: #555 !important;

font-size: 14px;

}

Guide: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

Thanks.

Unfortunately, if you look at the preview of the form, both before adding the custom css code you sent and after, it does not display the spoiler text in the font I've specified for the form in the main css style section. Everything else in the form does, just not the widgets. Please investigate further and advise. Thanks!

I cloned your form and the font style looks the same to me. Here's a screencast of the cloned form:

Am I checking the wrong widget? Please provide a screenshot of the issue so we can assist you properly. We'll wait for your response.

To post a screenshot here in the Support Ticket System, please follow this guide: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum

I had a font in the span of that paragraph field you compare to above that was overriding the default font I sent. I set atten-new. The font in that spoiler for header and text is not atten-new. There is some spot in the spoiler that's overriding my custom font.

Same thing with the terms and conditions short version. It's not taking my custom font either.

Please add this code in all the Spoiler widget:

.spoiler-content {

font-family: atten-new, sans-serif !important;

}

I have injected this code in the Terms and conditions widget:

.scrollContent .scrollable {

font-family: atten-new, sans-serif !important;

}

Let us know how it goes.

Thanks.

Neither of these works. It's being overridden by a font from somewhere else and I can't seem to find where. Can we check with some additional tech support members there at Jotform?

Could you please check your form now?

I have added the following code in your form:

@import url("https://use.typekit.net/mur6ngh.css");

.spoiler-content {

font-family: atten-new, sans-serif !important;

}

This import URL has to be added in the widgets too as you did in the Form Designer.

Let us know how it goes.

Thanks.