Custom CSS font not being applied

  • 24 August 2016
  • 7 replies
  • 3 views

Badge +1

Hi All,

I want to apply a custom font to a form and have been testing with the below CSS:

@import url(//fonts.googleapis.com/css?family=Indie+Flower);

.custom-indie-font {

font-family: 'Indie Flower';

}  

Using a very elaborate font so I can tell if it's being applied or not.  The issue I'm seeing is that the custom font shows in the form designer but not the form itself.  Any thoughts?

Thanks,

Craig


7 replies

Badge +9

No problem here. Tested with single controls (label control and single line text control) and Layout CSS class in Forms settings (Nintex Forms 2013 Version: 2.6.0.0).

What controls are You using and how have You configured  them? What is Forms version?

Badge +1

Hi Manfred,

It's a calculated value pulling back a job title from AD.  Form 2013 version 2.8.1.0

Badge +9

Also no problem with calculated value control.

Userlevel 6
Badge +12

Hello Craig Baxter​ -

I am not running into any problems either confused.png

Are you able to export the form XML and post it? Try loading that up and seeing what we get.

Badge +1

Sure, here it is: Microsoft OneDrive - Access files anywhere. Create docs with free Office Online.

Userlevel 6
Badge +12

Thanks Craig Baxter​ -

I took a look at it seems that the control has a font applied to it already:

190267_pastedImage_1.png

If you clear that (this removes the CSS class as well so copy it first!) and then paste the CSS class back in, adjust the size (if needed), you should be good to go:

190266_pastedImage_0.png

Hope this helps!

Badge +9

Hi Craig,

was the answer from helpfull? Then please mark his answer as correct.

Kind regards

Manfred

Reply