i's are hard to read

[wikimatze]

@angeloashmore can we simply change the font and/or font-weight?

[angeloashmore]

These are called typographic ligatures (see Wikipedia article) and are enabled by default (see MDN). Ironically, one of the reasons for their existence is to increase readability at smaller font sizes.

With ligatures

Without ligatures

It can be disabled explicitly, but I think they should stay.

If you decide you want to disable them, you would just need to add the following to the body styles in _base/_base.scss:

body {
  // ...
  -webkit-font-variant-ligatures: no-common-ligatures;
  font-variant-ligatures: no-common-ligatures;
  // ...
}

[wikimatze]

Didn't know that this. I think it's fine!