How can I change the Font Family for VBCS Application?

Summary:

I want to change default font family of my custom web Application to Lato,

in redwoord-override.css i made the changes

:root {

  /* --oj-html-font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; */ 

  /* --oj-html-font-size:   1em; */    /* --oj-html-font-family: "Times New Roman", Times, serif; */   

--oj-html-font-family: 'Lato', sans-serif; }  body { font-family: var(--oj-html-font-family) !important;

}

I tred with times new roman its working as expected
but for lato font its not working

Content (please ensure you mask any confidential information):

Version (include the version you are using, if applicable):

Code Snippet (add any code snippets that support your topic, if applicable):