Personal Webpage of Blake Watson https://blakewatson.com The personal webpage of Blake Watson Mon, 14 Nov 2022 23:24:14 +0000 en-US hourly 1 https://wordpress.org/?v=6.0.2 167038248 Holding https://blakewatson.com/journal/holding/ https://blakewatson.com/journal/holding/#respond Mon, 14 Nov 2022 23:24:14 +0000 https://blakewatson.com/journal/holding/ I don’t mind holding and listening to silly music. I get it. Customer service is swamped. But I hate the recurring message telling me how important I am every 10 seconds.

]]>
https://blakewatson.com/journal/holding/feed/ 0 778
iA Writer https://blakewatson.com/journal/ia-writer/ https://blakewatson.com/journal/ia-writer/#respond Sat, 12 Nov 2022 01:10:29 +0000 https://blakewatson.com/journal/ia-writer/ I had to switch over to iA Writer for NaNoWriMo. I love Scrivener and Ulysses but if you give me unbridled font choices, I will never get any writing done.

]]>
https://blakewatson.com/journal/ia-writer/feed/ 0 777
Almost monospaced hits Hacker News https://blakewatson.com/journal/almost-monospaced-hits-hacker-news/ https://blakewatson.com/journal/almost-monospaced-hits-hacker-news/#respond Mon, 07 Nov 2022 17:00:40 +0000 https://blakewatson.com/?p=774 Yesterday, instead of writing on my NaNoWriMo novel, I wrote an article about the font I was using. Inexplicably, it hit the #1 spot on Hacker News and stayed there for hours. This is the most traffic my dusty little corner of the web has seen in a while.

]]>
https://blakewatson.com/journal/almost-monospaced-hits-hacker-news/feed/ 0 774
Almost monospaced: the perfect fonts for writing https://blakewatson.com/journal/almost-monospaced-the-perfect-fonts-for-writing/ https://blakewatson.com/journal/almost-monospaced-the-perfect-fonts-for-writing/#respond Sun, 06 Nov 2022 23:29:06 +0000 https://blakewatson.com/?p=755 Monospaced fonts are the kind that most folks probably associate with a typewriter. It just looks like typewriter text. Programmers often use monospaced fonts in their code editors, which gives monospaced fonts an association of being computer-y text.

A monospaced font is one where each character takes up the same amount of horizontal space, even punctuation and spaces. The effect of this sameness is that multiple lines of characters are automatically aligned in neat columns. That means you can reliably line up text. If you’ve ever tried lining up text with “regular” fonts, then you will know it’s frustratingly impossible without using the appropriate tools. 1 For example, check this out:

Name         Ability
====================
Superman     Flight
Batman       Money

Everything lined up nicely.

But there is a reason we don’t use monospaced fonts everywhere. They are somewhat hard to read because some characters need less space (eg, lowercase i) and some characters need more (eg, uppercase W). So in most instances, a proportional font is used. The body text of this article is a proportional font. Most fonts are, and in professional documents they should be.

Proportional fonts use just enough space for each character, making them easier to read and avoiding the awkwardness that some characters in monospaced fonts have (look at the poor little lowercase m in the sample above—it appears smushed in order to fit into one character space).

So why use monospaced fonts?

There are a few good reasons. One is that many folks, myself included, love the writerly aesthetic of monospaced fonts. As a result, many writing apps allow you to write in a monospaced font and then export your document using proportional fonts. One such app is iA Writer, which I’ll discuss more in a bit.

Another good use for monospaced fonts is computer code. The reason many software developers use them is because code requires specific syntax that is often full of abbreviated text, punctuation, and numbers. A monospaced font can make it easier to distinguish individual characters and avoid mistakes.

Lastly, they are sometimes used as a design choice. You have to be careful with it because you can certainly ruin a design by tossing monospaced fonts in there. But if done well, you can draw on the informal, rough-around-the-edges aesthetic and add depth to a design.

Monospaced meets proportional

I have recently become obsessed with this in between category of fonts—those which combine aspects of monospaced and proportional fonts to create interesting hybrids. Let’s look at some examples.

iA Writer

The first are a set of fonts used in iA Writer.

A sample of iA Writer Mono, Duo, and Quattro that shows the spacing differences between them.

The first sample up top is monospaced. The second sample, iA Writer Duo, is interesting because all the characters are the same width except a few of the larger characters that need more space—they are set at one and a half width. That means any given character will be one of two possible widths, thus the name Duo.

The third sample above takes this idea even further. Yes, some characters like uppercase W need more space. But some characters, like lowercase i, need less. As the name Quattro suggests, every character can be one of four possible widths—half, three-fourths, one, or one and a half.

You might be thinking, “Okay, but now characters won’t line up neatly.” Thats true, but the upside of this sizing means you still retain the typewriter aesthetic with a bit more legibility. Notice the difference?

A sample sentence in both iA Writer Mono and Quattro. Quattro takes up less space and appears less rigid, thanks to its proportional spacing.

Input

The Input font family by DJR & Font Bureau is another great example of monospaced meets proportional. This one may be of interest to programmers as the slogan of Input is fonts for code. Similar to the iA Writer fonts, Input comes with monospaced and proportional versions.

JavaScript code sample comparison between Input Mono and Input Sans side by side.

The difference is subtle but notice that the sample on the right gives letters like lowercase “m” a little leg room, improving the readability of the code. Even though Input Sans is technically a proportional font, it still gives plenty of attention to numbers and symbols, ensuring that they stand out and are easily distinguishable from each other.

This family has Mono, Sans, and Serif variations that come in multiple weights, as well as narrow and compressed variations.

Why and how to use almost monospaced fonts

I enjoy using them for both writing and coding. I’m already obsessed with the style of monospaced fonts and these in-betweeners take the style to the next level for me. You get the readability of a proportional font with the rough draft feel of a monospaced one. When coding, you get easily distinguishable characters and just the right amount of space for characters that need more or less.

You can use these fonts in writing or coding apps or wherever you like. iA Writer fonts are open source. Note that Input is free for personal and unpublished usage only—if you want to use it on a website or in a publication, you’ll need to purchase the appropriate license.

If you want some more background on these fonts, here is some recommended reading:


  1. Never attempt to line up text by using spaces. The only exception is if you are using a monospaced font. But in word processing applications, there are appropriate tools available for lining up text, like tables and tab stops
  2. There is an unfortunate metadata problem with iA Writer Quattro. If, when you are using it, you run into situations where bold and/or itallic isn’t working properly, see this page for more and to get repaired files. https://blakewatson.com/ia-writer-quattro/ 
]]>
https://blakewatson.com/journal/almost-monospaced-the-perfect-fonts-for-writing/feed/ 0 755
SMA Simulator https://blakewatson.com/journal/sma-simulator/ https://blakewatson.com/journal/sma-simulator/#respond Wed, 28 Sep 2022 17:41:45 +0000 https://blakewatson.com/journal/sma-simulator/ SMA Simulator you can use with no tech required!

First, find a comfortable place to sit down.

Next, reposition yourself so that you’re almost comfortable, but not.

Don’t move for 4-6 hours.

Repeat until you’re ready to exit the simulation.

(I jest, but like low key for real tho 😅)

]]>
https://blakewatson.com/journal/sma-simulator/feed/ 0 749
To the moon https://blakewatson.com/journal/to-the-moon/ https://blakewatson.com/journal/to-the-moon/#respond Tue, 27 Sep 2022 21:35:58 +0000 https://blakewatson.com/journal/to-the-moon/ If I could drive my wheelchair at an optimistic 7 mph directly toward the moon, I would arrive there in about 3.9 years. 🌕👨‍🦼

]]>
https://blakewatson.com/journal/to-the-moon/feed/ 0 748
RIP Mac app icons https://blakewatson.com/journal/rip-mac-app-icons/ https://blakewatson.com/journal/rip-mac-app-icons/#respond Tue, 23 Aug 2022 18:23:20 +0000 https://blakewatson.com/journal/rip-mac-app-icons/ Mac app icons used to be dope before they made everyone use the same shape.

]]>
https://blakewatson.com/journal/rip-mac-app-icons/feed/ 0 746
Blot – turn a folder into a website https://blakewatson.com/journal/blot-turn-a-folder-into-a-website/ https://blakewatson.com/journal/blot-turn-a-folder-into-a-website/#respond Fri, 29 Jul 2022 04:25:11 +0000 https://blakewatson.com/journal/blot-turn-a-folder-into-a-website/ So this is a pretty cool app that can take a cloud folder and turn into a website. Publishing a post by dropping a file into a folder is just about as low-friction as it gets. https://blot.im

]]>
https://blakewatson.com/journal/blot-turn-a-folder-into-a-website/feed/ 0 737
CSS movies https://blakewatson.com/journal/css-movies/ https://blakewatson.com/journal/css-movies/#respond Mon, 18 Jul 2022 17:28:08 +0000 https://blakewatson.com/journal/css-movies/ World War Z-Index #CSSMovies

]]>
https://blakewatson.com/journal/css-movies/feed/ 0 733
Wordle 100 https://blakewatson.com/journal/wordle-100/ https://blakewatson.com/journal/wordle-100/#respond Mon, 18 Jul 2022 16:05:28 +0000 https://blakewatson.com/journal/wordle-100/ This might be the most consistent thing I’ve ever done.

]]>
https://blakewatson.com/journal/wordle-100/feed/ 0 730