kota's memex

A general rule of thumb is to reduce the line height as the type gets large. Because we’re using Inter as our display font for headings, it has quite shallow ascenders and descenders, which means we can set quite a tight line height:

h1,
h2,
h3 {
  font-family: Inter, sans-serif;
  font-weight: 800;
  line-height: 1.1;
}

To make the general content read better consider a global value of 1.5 - 1.7:


body {
  font-family: Georgia, serif;
  font-size: var(--size-step-0);
  line-height: 1.7;
}