Forums

Hi!
I noticed CF6 uses its own font for displaying form in the frontend. I would never do that on the sites we make. Is there an easy way to disable the CF6 font in the form settings? Now we need to override it in our own template.

Kind regards,
Jip

Hi Jip,

Warning: I know little about CFv6 and even less about Semantic UI !

I dug around a little and found that there is a font family set at Line 102 of /libraries/cegcore2/assets/semantic-ui/components/form.css However CFv6 uses a Cached version of the Semantic UI CSS you you might need to delete that to see the result.

A better solution might be to add Custom CSS to the form to over-write the Semantic UI settings. For example:

form.G2-form {
    font-family: Georgia;
}

Or there are some Semantic UI docs here that might help - though I don't see quite where some of these settings are in the CF version :-(

Bob

Hi Bob, overriding is indeed possible. I have don this in my site template. But it could also be done in Custom CSS in the form designer. But I think it's just a bit weird the form in the frontend by default gets the Lato font and you need to override this. I think most frontend developers would like to see their own template font in the form. So overriding this seems something we should not have to do. So maybe it would be possible to disable the font (no font declaration) in the CSS provided with Chronoforms and use the font defined in the template CSS by default. I am not sure if that would be possible and maintainable though. If not we'll just override...

Hi,

I will try to have this solved by the next update.

Best regards,
Max