German chars are not rendered correctly

I have built a website with webix which is offered in multiple languages one of which is German, and I am using Webix i18n for the translations. However, German characters (ö, ä, ü ß) are not being rendered with the right font or the right level of boldness.

I am using the right encoding (utf-8) and the font I am using does support German characters (Roboto).

but I have the case where those characters are either rendered in a different font, or they’re extra bold than the other characters!

do you have an idea on why this might be happening?

If you got the font from google make sure to tick latin-extended.
If you use the material design you have to redownload the font (Google Fonts) with latin-extended and include it in your project

At least that was the problem for me

@Jendrik I tried what you suggested, but still it doesn’t fully work, webix is still rendering German chars in a bolder font that the rest

You need to add weights 400 and 700 also:

<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&amp;subset=latin-ext" rel="stylesheet">

or

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');
</style>

Without example we can only guess.