为什么我的文字被连接起来,这种情况怎么称呼?

时间:2019-06-26 23:31:21

标签: html css

我的字体自动执行此操作。这个叫什么?如何复制其他文字?我该如何摆脱呢?

enter image description here

2 个答案:

答案 0 :(得分:1)

是连字(将“ c”连接到“ h”),它们根据字体而有所不同(有些字体很多,有些字体很少或没有)。您可以使用CSS font-feature-settings

直接禁用/启用连字
font-feature-settings: "liga" 0; /* disabled */
font-feature-settings: "liga" 1; /* enabled */

@import url('https://fonts.googleapis.com/css?family=Cookie|Dancing+Script&display=swap');
span {
  font-family: 'Dancing Script', cursive;
  font-size: 75px;
}

span.other {
  font-family: 'Cookie', cursive;
}

.with {
  font-feature-settings: "liga" 1;
}

.without {
  font-feature-settings: "liga" 0;
}
<span class="with">
or ff
</span><br>
<span class="without">
or ff
</span>
<br>
<span class="other with">
or ff
</span><br>
<span class="other without">
or ff
</span>

还有css属性text-rendering可以控制何时使用连字。

答案 1 :(得分:0)

这称为 typographic ligature, ,并且内置于某些字体中。

具体来说,> trimws(x,whitespace = "[\\h\\v]") #[1] "1199.00" fi连字在Type 1和TrueType字体中是标准的,尽管在许多新的OpenType字体中找到了更广泛的标准连字。

您可以通过导入这样的字体,添加链接到该字体的 font-face CSS规则,然后使用 { {3}}

fl