Overwrite Default Sans Serif Font in Custom Theme

[Josh Joubert]

Hi to the members, Christian, and the other NUMBAS developers.

I would appreciate assistance in overwriting the default sans serif font option with a font of my choosing from Google Fonts. I believe what I'm actually trying to achieve, is to overwrite the browser's default fonts, since I assume that NUMBAS simply uses the browser's fonts.

I already added the relevant link tags to the head.html file (this is apparently more efficient than importing them in styles.css). and that's working properly because the font does get applied to the Display Options modal, but not the exam and questions.

I did try messing around inside exam.css, but wasn't successful

To clarify, I do not want to add a new font option to select from the list; I want to change the default font that gets applied when sans serif is selected. I've found that I can brute force the font, but that obviously won't be ideal since it removes the students' ability to select other fonts.

I would be very thankful for some guidance.

For reference, this is the font I would like to use: https://fonts.google.com/specimen/Nunito

[Josh Joubert]

I believe I've achieved what I wanted. These are the changes I've made to lines 601-606 in display-base.js:

    font_options: [
      {name: '"Nunito", sans-serif', label: 'Nunito'},
        /** {name: 'sans-serif', label: 'modal.style.font.sans serif'}, */
        {name: 'serif', label: 'modal.style.font.serif'},
        {name: 'monospace', label: 'modal.style.font.monospace'},
    ],