如何在网页特定位置禁用连字，同时全局保留连字效果？

要实现全局启用连字，同时仅在Hanftierheft的nfti段禁用连字、保留eft段的连字效果，你可以结合全局CSS配置和**零宽非连接符（Zero-Width Non-Joiner）**来实现，具体步骤如下：

1. 全局启用连字 #

首先确保全局文本都启用连字效果，你可以调整CSS的font-variant-ligatures属性，明确启用常见连字和 discretionary 连字（确保覆盖浏览器默认行为）：

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
body {
  font-family: 'Source Sans Pro', sans-serif;
  /* 明确启用所有常见连字，确保全局生效 */
  font-variant-ligatures: common-ligatures discretionary-ligatures;
  font-size: 50px;
}

2. 局部禁用特定位置的连字 #

对于Hanftierheft这个复合词，你只需要在不需要连字的字符之间插入零宽非连接符‌——也就是在Hanf的末尾f和Tier的开头t之间插入这个字符，它会阻止浏览器在这两个字符之间生成连字，同时不影响其他位置的连字（比如Heft里的eft段）：

Hanf‌tierheft

原理说明 #

零宽非连接符（‌，对应Unicode字符U+200C）是一个不可见的字符，它的作用是告诉浏览器：不要将前后两个字符视为需要连字的连续字符。这样既不会破坏单词的视觉完整性，又能精准禁用特定位置的连字，而其他位置的连字效果依然保留。

备选方案：使用span局部覆盖样式 #

如果你更倾向于用CSS控制而不是插入特殊字符，也可以用<span>包裹需要禁用连字的片段，单独设置font-variant-ligatures: none;：

<span style="font-variant-ligatures: none;">Hanfti</span>erheft

不过这种方式会禁用整个Hanfti片段内的所有连字，如果你只需要断开f和t之间的连字，第一种插入‌的方式会更精准。

内容的提问来源于stack exchange，提问作者slartidan