New Nav Font

New Nav Font

May 28, 2017

I’m going to keep this one short and sweet: I’ve been playing around with a new nav font! :tada:


old nav font

Oh no, look how terrible and boring it is! :crying_cat_face:


new nav font

Oh wow! Look how beautiful it is! :scream_cat: :heart_eyes_cat:

Okay yeah it’s not the most innovative change in history. But I do think it’s an improvement. I wanted to go with a font that felt “computer-y” so I ended up going with a monospaced, blocky font. Something you might see in a console or a code editor. I want to say that I purposely juxtaposed that with random flowing colors (try staring at the nav bar for 30 seconds) to show the mix of ones and zeroes and the more artistic side of programming… but honestly I just thought it looked cool.

This wasn’t exactly rocket surgery, but it did involve a lot of mucking about with CSS to get everything to line up in different screen widths. I eventually took advantage of Bootstrap’s responsive scaffolding, which allowed me to only really care about 4 different widths. Try resizing the window to see what I’m talking about.

I’d be curious to hear what you think. Does it look okay in your browser? What would you change?

Okay, enough procrastinating. Back to work on server tutorials!


Happy Coding is a community of folks just like you learning about coding.
Do you have a comment or question? Post it here!

Comments are powered by the Happy Coding forum. This page has a corresponding forum post, and replies to that post show up as comments here. Click the button above to go to the forum to post a comment!