How to override font

[naqib83]

Hi,
I am using formadmin theme for one of my application. There no hit on how to override the default font.
I am thinking of overriding the default font with a google font.

[caiotarifa]

Set your font in$font-family variable (see all variables here) before importing the Formadmin theme.

$font-family: 'Open Sans', sans-serif;
@import 'formadmin/formadmin';

Please let me know if I can close this issue.

[naqib83]

Thanks for the quick reply. I have used like this. Wondering if the this is the way, because I don't much difference in font.

@import url('https://fonts.google.com/specimen/Noto+Sans');
$font-family: 'Noto Sans', sans-serif;
@import 'formadmin/formadmin';

[caiotarifa]

Check through the element inspector of your browser if the font is being applied to the body.

[caiotarifa]

This issue is not related with Formadmin, you're using a wrong URL to import your Google font.

Try this way:

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

$font-family: 'Noto Sans', sans-serif;
@import 'formadmin/formadmin';

[naqib83]

It makes sense now. Thanks for all the help.

[caiotarifa]

Closed.