DEV Community

loading...
Cover image for How to make your code look cool using Firicico!

How to make your code look cool using Firicico!

tammalee profile image Tammy Lee Updated on ・2 min read

Man. All of the coolest coding tutorial videos seem to use Dank Mono in their IDE (Integrated Development Environment) but who can afford to drop that much money on a font just to make your code look cool?

Enter the poor developer's substitute font, Firicico. Firicico is a combination of the Google Font Pacifico (which is used for swoopy font) and Fira Code for the default font. You'll have to turn on font ligatures in your IDE to get the full swoopy font effect.

Upon seeing the changes Firicico made to my IDE a peer said,

"Omg. I hate it so much lol"

This is a fair first impression but I have counterpoints!

Cool Ass Symbols

Do you ever have to squint at your monitor and count how many equal signs you actually used? (Okay, me neither, but hypothetically this could be a situation.) Well! Count no more because Firicico uses ligatures and stuff to render your multiple equal signs as symbols!

Demo of all of the equal sign combos

And it will do the same with arrows!

Demo of all of the arrow combos

Whoah. That's pretty awesome. Who wouldn't want really cool symbols in their code?

Fancy Looking Code!

Look at how fancy my code is.

The fanciest looking Node script you'll ever see

My IDE is VSCode and I'm using the using Monokai Dark Soda theme.

Confession time, I increased the default font-size to 20px because I'm old and the Pacifico part of Firicico is unreadable even at 18px. Which isn't a huge problem in the JS code above but if you're working on a JSON file...

JSON looks chaotic with this font

...yikes! That's some loopy chaos to try to decipher. I'll adjust it next time I get some free time but out of the box, it's hellish.

Conclusion

Alright, so those aren't the best counterpoints but they're all I got! I want my code to look cool and I want to annoy my coworkers at my next lunch and learn presentation and Firicico is going to do the job for free!

If that's not enough motivation to try Firicico then I have nothing for you.


Cover photo by Antonio DiCaterina on Unsplash

Discussion (0)

pic
Editor guide