How to change font every where , including webcomponents ?

[anuragvohraec]

Hi team,

I am not able to deduce how to change font family , even after reading this : https://weightless.dev/elements/theme

Can you please guide me which variable I should set in my css to change default font for my entir e app, based on weightless. And will that solution apply for webcomponent shadow dom ?

[anuragvohraec]

Allright did some digging , here is how you set it. Add thsi to your main style.css sheet.

*{
  --font-family-serif: courier new;
  font-family: courier new;
}