I Built a Site for the Best Coding Fonts

I'm always looking for a coding font that looks great with my favorite editor theme and language. Searching for coding fonts has been a pain since there is no way to see how a font will look until you download and install the font, then change your editor to use it.

Enter Dev Fonts

devfonts.gafi.dev is a list of the best coding fonts I could find around, along with an interactive preview where you can change the preview theme, code language, or the code sample for the preview.

My current favorite font is Cascadia Code. What is yours?

The source code for the site is on github

PRs for missing fonts are welcome, check the notes here

Comments

[Hugo]

Thanks, it's pretty cool

[Jason C. McDonald]

Nice! Thanks for building this.

My favorite coding font is Hack, but I don't see it!

[Will Adams]

Hack for me too. Nerd patched.

[Mostafa Gaafar]

Added it. Thanks!

[Don Alfons Nisnoni]

Great tools man!!! Very helpful!!!

[Stokry]

Awesome😀

[Charlike Mike Reagent]

Definitely. Still. Fira Code.

[Muhimen]

I just use Comic Sans. It's awesome! I can stare at it for a long time(when I don't find the bug)

[Gert Van de Ven]

Great job Mostafa! I was actually trying to figure out which font to use on my new laptop. This helps a lot to get a great overview.

Some feedback:

• It took me a few seconds to figure out the compare mode
• When a name is filtered, and compare is on especially, I was wondering why it only showed me one. This might be the preferred behavior, but got me confused.
• When switching between themes, it always flashes to white in between.

Other than that! Awesome work, keep it up!

[Achilles Moraites]

Thanks for sharing!
My favorite font is JetBrains Mono :)

[Lukas Reiner]

Nice one. Really needed this

[Sara Miteva]

Great job! This is very useful.

[Abdallah Yashir]

Thank you for the site :)
I am currently using JetBrains Mono.
How can I download the Lilex?
IBM Flex Mono with ligatures would be amazing.

[Mostafa Gaafar]

You can download Lilex from its github releases page github.com/mishamyrt/Lilex/releases

[Heiko Kanzler 🇪🇺]

Great one. Glad to see that I am not the only one who loves to have a great looking font in my Editor.
One feature suggestion: support the preview of italics as-well.

My current favorite is JetBrains Mono.
May I recommend to add Input Mono aswell? It's also a very thought coding font.

[Davey Jacobson]

Input Mono was my go-to until JetBrains Mono came along.

[Jose Cerrejon]

Cascadia Code is like the paid font OperatorMono. Thanks for share!.

[Moslem]

Thanks. my favorite one is 'JetBrains Mono'

[Sibusiso Dlamini]

I don't know the name of the font but its sublime text-default. There is just something about the sublime setup that appeals to my taste which is why its my favourite text editor. I can't explain but it makes my code look juicy or saturated unlike most themes which are often dry like VS codes default themes. But that's just my opinion :)