Change font family globally

How do I go about replacing Roboto with a different font?

I tried doing:

.webix_view {
  font-family: Raleway, 'sans-serif';
}

as recommended in a webix blog post.

This changes it almost everywhere, but not quite.

For example, labels and checkboxes are still Roboto.

I tried

* {
  font-family: ..
}

Which works but breaks icons. So I have to manually add "Webix Material Icons" to a lot of CSS classes.

How do I go about this?

try to scan webix.css file for “Roboto” and override all selectors where font-family is provided explicitly.

Yeah I could do that but that’s not really the right way to do it…

Doesn’t webix use CSS variables? Seems like the perfect solution for this.