tl;dr; - use the toggle button, see what happens: jsfiddle.net/zt6gapL5/
When building a website, I naturally have a lang="xx" attribute on mu HTML tag. Took a while to delete each and every part of the document, to finally realise that it was causing my font to look totally different. The website is in "bg", but the design I've been given, using that exact same font, must be with a lang="en" in order to look right.
On chrome, when I put -webkit-locale: "en" as CSS, it works. But only for chrome, obviously.
As you can see, the font is totally different: lang="bg":https://i.stack.imgur.com/da0gf.png lang="en":https://i.stack.imgur.com/pP6Cp.png
Option 1: using lang="en", when the site is NOT in EN Option 2: removing the lang attribute whatsoever. Does the meta tag still work? Option 3: Using CSS to fix things, however I couldn't find a solution for firefox...
-webkit-locale: 'en'; fixes the problem for webkit browsers. Sadly diversity is against me this time.