-3

我的土耳其版网站有问题。连字有问题。确切地说，我有一些英文单词，例如“SHIPPING”，如果我添加样式 CSS text-transform: uppercase; 对这个单词上面的每个字母“I”都做了一个不必要的点。（有些东西与土耳其语混合）。我使用字体“Roboto”。

我尝试使用样式 font-variant-ligatures: none; 不幸的是，它不起作用。我注意到如果我从更改为一切都可以，但这是理想的解决方案。有人有其他解决方案吗？

屏幕tr：http: //imgurl.pl/img/tr_5d02343c5e964.png

屏幕en：http: //imgurl.pl/img/en_5d02343c5e7cf.png

4

2 回答 2

1

这是语言问题：如果您的语言是土耳其语，那么您有两个不同的i字符（i和ı），它们也有不同的大写版本（İ和I）。如果您的网站是土耳其语，那么带点的 I 将用作大写字母。您必须使用lang属性手动将元素的语言设置为英语。Yu 不能假设您的浏览器熟记文本的语言。

另请参阅 Wikipedia 文章：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>

顺便说一句：它与连字无关。

于 2019-06-13T12:43:19.493 回答
0

font-language-override 尚未得到广泛实施，但这是一个纯 CSS 的解决方案，可能有一天会奏效。Firefox 声称支持它，但我无法让它与font-language-override: ENG;添加的示例 yunzen 一起使用。这里有更多关于该功能的信息。

于 2019-09-14T20:45:35.603 回答