Input font size

Hi I would like to change the font across the form (including inputs)

I've used this CSS which works for the field titles, but not for the field inputs.

.fd-form {
font-family: 'Roboto', sans-serif;
font-size: 150% !important;

When I inspect the page the font is defined by an italicised input tag from 'user agent style sheet' (I'm using Edge browser)

I've tried defining size for an input tag, but the just creates a non-italicised input tag.

What do I need to do?


Hello @mrpowergage,

You can change the font size of the field inputs using this CSS code:

/*change input font size for single-line text, Number, Dropdown, Date fields*/
.form-control {
    font-size: 120% !important;
/*change labels font size for SingleChoice and multiple-choice fields*/
.custom-control-label { 
    font-size: 120% !important;