Atom’s Default Font Rendering Sucks… But You Can Fix It
If you are new to Atom and have noticed the font rendering as fuzzy or hard to read, you’re not alone. When I switched from Sublime Text 3 to Atom for my Ruby on Rails course at The Iron Yard, I instantly noticed this issue and started to hate Atom from the get go. Let’s fix this shall we?
With the current default settings, this code is thin, somewhat hazy, and hard to read.
Add this snippet to your styles.less file (Atom > Open Your Stylesheet) and save:
Also, change your font to Menlo in the settings. You should notice an immediate change in the font rendering:
Medium has issues displaying gifs — to view it without an error, click here.
The code is thicker, crisper, and easier to discern IMHO. I won’t say it’s as good as ST3, but it’s far better than the default. I have also included the tree-view in the less file to complete the package.
If you find yourself coding in Atom more than not, you’ll probably want a theme that works well with your language. For me, I have used it a lot for Ruby, Rails, and Sass. It took me awhile to find a theme that I liked and rendered the ERB tag in color. Yeah, I know. I could have changed it myself or just opted to use Haml, but this was already made… and I like it too.
Hope this helped and thanks for reading!
Originally published at www.tonygaeta.com on March 17, 2015.