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

Closed
wikimatze opened this Issue Mar 23, 2016 · 2 comments

Comments

Projects
None yet
2 participants
Member

wikimatze commented Mar 23, 2016

is-hard-to-read

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

Collaborator

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;
  // ...
}
Member

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