Шрифты танцуют в разных размерах и стилях

Question

Итак, у меня возникла странная проблема с текстом. Некоторые шрифты имеют совершенно разные формы, размеры. Я уже использовал <meta charset="UTF-8"> для веб-страницы, чтобы некоторые шрифты не работали некорректно. Но это не решило проблему.

Прилагается код действующего текста, когда я пытаюсь удалить слово и ввести его снова, он работает нормально. Но почему это так? Я скопировал этот текст из Microsoft Word с использованием в нем шрифта Calibri. Пробовал font-style: normal, но не повезло. Мне было интересно, в чем может быть проблема.

Без текста о проблеме : я удалил и снова набрал текст, который решил проблему для меня. Но я не могу напечатать их снова на настоящей странице.

body {
    font-family: 'Poppins', sans-serif;
}
p {
font-size:20px;
}

<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

<h1>With Issue</h1>
<p>Our рrоduсt line is ultіmаtеlу aimed at promoting skin’s nаturаl rеjuvеnаtіоn process tо ѕоftеn ѕkіn, mаіntаіn elasticity, mіnіmіzе thе appearance оf роrеѕ аnd wrіnklеѕ, еvеn ѕkіn tоnе, and еnhаnсе radiance.</p>


<h1>Without Issue</h1>

<p>Our product line is ultіmately aimed at promoting skin’s nаtural rеjuvenаtіоn process tо softеn ѕkіn, maintain elasticity, mіnіmіzе thе appearance оf pores аnd wrіnkles, even skin tone, and enhance radiance.</p>

Answer 1

Вы пишете на английском языке sh слов, но иногда вы не используете английский sh букв.

Если я проверю слово из вашего исходного кода, символы вы используются:

U+0075 : LATIN SMALL LETTER U
U+006C : LATIN SMALL LETTER L
U+0074 : LATIN SMALL LETTER T
U+0456 : CYRILLIC SMALL LETTER BYELORUSSIAN-UKRAINIAN I {Old Cyrillic i}
U+006D : LATIN SMALL LETTER M
U+0430 : CYRILLIC SMALL LETTER A
U+0074 : LATIN SMALL LETTER T
U+0435 : CYRILLIC SMALL LETTER IE
U+006C : LATIN SMALL LETTER L
U+0443 : CYRILLIC SMALL LETTER U

Шрифт, который вы используете, не содержит символов кирилли c, поэтому браузер возвращается к шрифту, который имеет.

Используйте правильный алфавит для (человеческий) язык, на котором вы пишете!

Возможно, вы сможете решить проблему программно, используя инструмент транслитерации (например, эту библиотеку ), чтобы принудительно перевести все в ASCII.

Answer 2

Текст в MS Word имеет дополнительную информацию, связанную с ним, которая также может быть скопирована при выполнении копирования и вставки в файл html или CMS. Лучшей практикой для копирования и вставки было бы попробовать промежуточный текстовый редактор (например, TextEdit для Ma c или Note для Windows) или преобразовать документ в обычный текст перед копированием и вставкой в ​​код.