css - Different font-weight for special characters -


i have problem font-weight, "en" languages working fine, when same thing with lang (sk) characters have different font weight. font 'open sans'. when try these chars in font.google viewer there no problem. actual font-weight 300, on 400 there no problem want thin. problem occurs on chrome(mobile),edge, ie. ideas?

open sans on fonts.google

open sans on website

link page: thomaskovo.github.io/hotel-it/it_bussiness_solutions/hosted_exchange_office_365.html

body{  font-family: 'open sans', sans-serif;  font-weight:300;  }
<html>  <head>  <link href="https://fonts.googleapis.com/css?family=open+sans:300" rel="stylesheet">  </head>  <body>  testing text.  mačka žena ťava šošovica  <hr>  open in edge or ie  </body>  </html>

the font used doesn't contain glyphs. due font fallback, missing glyphs fall other font.

you load latin glyphs. need load subsets contain needed glyphs:

<link href="https://fonts.googleapis.com/css?family=open+sans&amp;‌​subset=latin-ext" rel="stylesheet">  

note: subset=latin-ext.

i took snippet form fonts.google.com on embed , customize tabs (bottom right).


Comments

Popular posts from this blog

html - How to set bootstrap input responsive width? -

javascript - Highchart x and y axes data from json -

javascript - Get js console.log as python variable in QWebView pyqt -