Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

i's are hard to read #29

wikimatze opened this Issue Mar 23, 2016 · 2 comments


None yet
2 participants

wikimatze commented Mar 23, 2016


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


angeloashmore commented Mar 24, 2016

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

screen shot 2016-03-24 at 12 12 34 pm

Without ligatures

screen shot 2016-03-24 at 12 12 17 pm

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 commented Mar 25, 2016

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

@wikimatze wikimatze closed this Mar 25, 2016

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment