Как исправить проблему с лигатурой на сайте в Турции? - PullRequest
Новая
       34

Как исправить проблему с лигатурой на сайте в Турции?

0 голосов
/ 13 июня 2019

У меня проблема с моим сайтом в турции версии. Что-то не так с лигатурами. Точно у меня есть несколько слов на английском языке, например, «ДОСТАВКА», и если я добавлю стиль CSS text-transform: uppercase; к этому слову над каждой буквой «я» нанесена лишняя точка. (что-то смешивается с индейским языком). Я использую шрифт "Roboto".

Я пытался использовать стиль font-option-ligatures: нет; и к сожалению это не работает. Я заметил, что если я перехожу на все, все в порядке, но это желательное решение. У кого-то есть другое решение?

экран tr: http://imgurl.pl/img/tr_5d02343c5e964.png

экран ru: http://imgurl.pl/img/en_5d02343c5e7cf.png

1 Ответ

1 голос
/ 13 июня 2019

Это вопрос языка: если ваш язык турецкий, то у вас есть два отдельных символа i (i и ı), которые также имеют разные прописные версии (İ и I).Если ваш сайт турецкий, то пунктирная буква I будет использоваться в качестве заглавной буквы.Вам придется вручную установить язык вашего элемента на английский с атрибутом lang.Ю не может предположить, что ваш браузер знает язык текста наизусть.

См. Также статью в Википедии об этом: https://en.wikipedia.org/wiki/Dotted_and_dotless_I

div {
  font-size: 40px;
  font-family: sans-serif;
  text-transform: uppercase;
}
<html lang="tr">
<div>TR: shipping</div>
<div lang="en">EN: shipping</div>
</html>

Кстати: это не имеет ничего общего с лигатурами.

...