代码之家 › 专栏 › 技术社区 › slartidan

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

ligature utf-8 css html

1

slartidan · 技术社区 · 7 年前

一般来说,我喜欢连字,它们使文本更容易阅读。我想在我的所有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

我如何告诉我的浏览器使用连字,但不是在那个,一个,特定的情况下?

2 回复 | 直到 7 年前

1

3

slartidan 7 年前

将实体用于 zero-width non-joiner 字符,并在HTML代码中编写该单词 Hanf&zwnj;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>

2

1

Maharkus zok 7 年前

您可以使用 span 然后给我 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;
}

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