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

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

  •  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‌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>
    推荐文章