/typography-audit

Manage Ligatures by Context

Enable standard ligatures (liga) in body text. Keep discretionary ligatures (dlig) off in body: they distract. Disable all ligatures in code blocks, where fi/fl/ffi ligatures obscure individual characters.

Incorrect (discretionary ligatures in body, ligatures in code):

body {
  font-feature-settings: "liga", "dlig"; /* dlig distracting in body */
}

code {
  /* inherits ligatures, fi becomes a single glyph */
}

Correct (standard only in body, none in code):

body {
  font-feature-settings: "liga", "clig", "calt";
  /* no "dlig" in body text */
}

code, pre {
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "calt" 0;
}

/* Discretionary ligatures for headlines only */
h1 {
  font-feature-settings: "liga", "dlig", "calt";
}

Standard ligatures: fi, fl, ffi, ffl (always appropriate in body). Discretionary ligatures: st, ct, decorative forms (headlines/display only).