Fonts

My main font that I use across projects is Atkinson Hyperlegible, released under the open fonts license. My main mono font is FiraMono Nerd Font. Both of these fonts use indicators to seperate zeros from the english letter “o” which I enjoy.

To integrate it into your project, you may use

Google Fonts Integration

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

Bunny fonts integration

@import url(https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i);

Fontsource

Install the npm package

npm install @fontsource/atkinson-hyperlegible

Import the package

import '@fontsource/atkinson-hyperlegible';