Initial setup:
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap">
html {
font-family: Montserrat, sans-serif
}
Looks bad when [lang] is set to 'ru' or any other value:
<html lang='ru'>
Looks good when [lang] is set to 'en':
<html lang='en'>
Looks good when [lang] is not set:
<html>
This is how it looks with 'font-family: sans-serif':
I faced this issue only on my iPhone with iOS 14.0.1 in any web browser (since all browsers on iOS is based on WebKit).
It is not reproduced on Safari 14 on macOS, or any other browser.
Similar issue: Cyrillic characters displayed wrongly when using Montserrat in Bulgarian