elixir-lang/elixir-lang.github.com

Normalise font size to 16px

Closed this issue · 1 comments

David-Klemenc commented

I would like to change the base font size to 16px (as set in html css definition)

For some reason the body decreases it from 16px to 15.2px

body {
  margin: 0;
  font: 0.95em/1.692307em 'Bitter', Georgia, 'Times New Roman', Times, serif;
  color: #24292e;
  padding: 0;
  height: 100%;
}

To keep it consistent the change would be:

body {
  margin: 0;
  font: 1em/1.692307em 'Bitter', Georgia, 'Times New Roman', Times, serif;
  color: #24292e;
  padding: 0;
  height: 100%;
}

This would better follow accessibility guidelines for example typography guidelines

Because the Bitter font is set to a size != 1em the math (in the comments) in some of the css is incorrect (although I might just not understand it) for example:

h1 { font-size: 2.5384615384615383em; }    /* 33 / 13 = 2.5384615384615383 */

But if we inspect a h1 tag we get this:

font-size: 38.584614px;
2.5384615384615383em h1
josevalim commented

The site is 10 years old and we should likely consider a redesign at this point. We are moving the documentation to Elixir and that will make an eventual rewrite easier. Meanwhile, I would like to avoid broad changes, as that may generate additional maintenance burden. :)

  • 👍1