<style>
  * {
    font-family: 'Inconsolata' !important;
    word-wrap: break-word;
  }
  p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1rem;
    font-size: 18px !important;
    
  }
</style>

Inconsolata is the font that is used for headings and the intro on the start page to make an eye catching effect.


# AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
# 1234567890',.<>/?;':"[]{}-=_+!@#$%^&*()

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

<style>
  * {
    font-family: 'Roboto' !important;
    word-wrap: break-word;
  }
  p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1rem;
    font-size: 18px !important;
    
  }
</style>

Roboto is used for everything else than headings e.g. paragraphs, input fields, buttons ...

# AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
# 1234567890',.<>/?;':"[]{}-=_+!@#$%^&*()

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.