如何在一个特定的地方防止结扎？

Question

一般来说，我喜欢连字，它们使文本更容易阅读。我想在我的所有HTML页面上启用它们。

但是有一个单词Hanftierheft（它是德语，并且是Hanf和Tier以及Heft的复合词。我不希望为...nfti...提供连字，但我希望为...eft提供连字

＆＃13;

＆＃13;

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-variant-ligatures: normal;
  font-size: 50px;
}

＆＃13;

Hanftierheft

＆＃13;

＆＃13;

＆＃13;

如何告诉我的浏览器一般使用连字，但不是一个特定情况？

Answer 1

将实体用于zero-width non-joiner字符，并将HTML代码中的字词写为Hanf‌tierheft。

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');

body {
  font-family: 'Libre Baskerville', serif;
  font-variant-ligatures: normal;
  font-size: 50px;
}

<p>Hanf&zwnj;tierheft</p>

Answer 2

您可以使用font-variant-ligatures: none;并将其@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville'); body { font-family: 'Libre Baskerville', serif; font-variant-ligatures: normal; } p { font-size: 50px; } span { font-variant-ligatures: none; }：

＆＃13;

＆＃13;

<p>Han<span>fti</span>erheft</p>

＆＃13;

pipe

＆＃13;

＆＃13;

＆＃13;