#1

Try Atkinson Hyperlegible font in the editor/preview. I just love it.

About “Atkinson Hyperlegible”:
What makes it different from traditional typography design is that it focuses on letterform distinction to increase character recognition, ultimately improving readability. We are making it free for anyone to use!

``
.theme-light {
–font-family-editor: “Atkinson Hyperlegible”,
inter !important;
–font-family-preview: “Atkinson Hyperlegible”,
inter !important;
font-family: “Atkinson Hyperlegible” !important;
}

2 Likes
#2

Been using it for a few months. Great font.

Angel

1 Like
#3

Thanks @cvj

For me, getting this to work meant installing the 4 fonts at the link you provided then using this snippet on Windows 10:

*
{
font-family: 'Atkinson Hyperlegible';
}

I had heard about this before on here, but your post finally convinced me to give it a try. And, so far, I like what I see. Much appreciated!

2 Likes
#4

I do not find Atkinson particularly hyperlegible: to me it look like a normal variable width font.

I find monospaced fonts more legible, and use Space Mono, MonoLisa, and Monaco for both Edit and Preview. I find the letters to be better shaped and spaced.

1 Like