Различный вес шрифта для специальных символов

У меня проблема с весом шрифта, для языков "EN" он работает нормально, но когда я делаю то же самое с моим языком (SK), некоторые символы имеют разный вес шрифта. Шрифт "Open Sans". Когда я пытаюсь использовать эти символы в font.google viewer, проблем нет. Фактический вес шрифта 300, на 400 проблем нет, но я хочу, чтобы он был тонким. Проблема возникает на некоторых Chrome(Mobile),Edge, IE. Есть идеи?

Откройте Sans на fonts.google.

Откройте Sans на моем сайте

ссылка на страницу: 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>
This is a testing text.
Mačka žena ťava šošovica
<hr>
Open this in Edge or IE
</body>
</html>

1 ответ

Решение

Используемый шрифт содержит не все глифы. Из-за сбоя шрифта, отсутствующие символы возвращаются к другому шрифту.

Вы загружаете только латинские глифы. Вам также нужно загрузить подмножества, которые содержат необходимые глифы:

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

Замечания: subset=latin-ext,

Я взял этот фрагмент кода fonts.google.com на вкладках "Вставить и настроить" (внизу справа).

Другие вопросы по тегам