html - 如何在一个特定的地方防止连字？

Question

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

但是有一个词 Hanftierheft(它是德语，Hanf 和 Tier 和 Heft)。我不想要 ...nfti... 的连字，但我想要 ...eft< 的连字

@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;
}

Hanftierheft

如何让我的浏览器一般使用连字，但在特定情况下不使用？

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>