How can I change the font in widgets?

My end user has requested that we make the font for the Input of the fields consistent. Currently, the Masked input field ("enter your investable assets to estimate your fee") and the calculation field (Annual Fee) are different fonts. I have tried various CSS configurations but cannot hit on the right one. I don't really care what the font it, so long as they match. Any ideas?

Thanks in advance!!

To change the font for the form calculation widget you can inject this code to the form: 

[data-type*="control_calculation"] input{

    font-family: monospace;

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

For the masked input widget you can inject this code: 

#maskedInput {

    font-family: monospace !important;

}

This needs to be injected to the widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

Please note that you may replace the font "monospace" with the font you want. 

I hope this helps. 

Thanks Kevin, I injected the CSS into the widget but it did not change the input text. Am missing something? thanks.

The form can be viewed here: https://form.jotform.com/73175838087165

am i https://form.jotform.com/73175838087165https://form.jotform.com/73175838087165https://form.jotform.com/73175838087165

You can use

#input_8{

color:red;

}

to change the input text to red.