With a few issues of my magazine published already, I feel confident enough to write about the process. In my free ebook (which you can get by subscribing to Singularity. Sign up at the blog), I told you to use only 2 different fonts in your magazine, 3 at most. The truth is, you can use as many fonts as you like. It’s your magazine. However, I told you to select only 2 or 3 fonts because I don’t want you to be paralysed by choice. I’m going to teach you more about font selection here.
4 broad categories of fonts
Fonts can generally be categorised into the following:
- Serif fonts
- Sans serif fonts
- Fixed width fonts
- Fancy fonts
Serif fonts have decorative features on the characters. “Times New Roman”, “Georgia” and “Cambria” are serif fonts.
Sans serif fonts don’t have those decorative features (“sans” means “without”). “Arial”, “Helvetica” and “Calibri” are sans serif fonts.
Fixed width fonts have, well, fixed widths for each character. This is especially useful to programmers because it makes code easier to read. “Courier New”, “Lucida Console” and “Consolas” are fixed width fonts.
Fancy fonts are designed for decorative purposes. “Chiller”, “Jokerman” and “Vivaldi” are fancy fonts.
Design for contrast
When designing for a web page, the conventional advice is to use a serif font for headings and a sans serif font for text. This is because sans serif fonts are easier to read on the screen, because they lack the decorative features which can crowd the pixels and make it hard to read. A serif font is used for the headings to provide contrast.
In physical print, it’s the opposite. That’s because a newspaper or a book has infinite resolution, so serif fonts work well. Those decorative features make it easier for a reader to quickly identify characters and thus it’s easier to read.
As for fonts in an online magazine, it’s meant to be read on the screen, so in general, design for that. However, a magazine is not a web page. Be creative. Use whatever font you feel suits the content. Use a font for emphasis, for decoration, for subtlety, for telling your story.
I look at a computer screen a lot. So I appreciate larger font sizes so I don’t have to squint. For this reason, I decided on larger font sizes wherever it made sense. This might make even more sense because mobile devices can also read my magazine. Designing a magazine for mobile devices is a separate article altogether, since we might have to design for dynamic text and image flow while still retaining the look of the original article in the magazine (or even the magazine itself).
But feel free to experiment on font sizes for other types of texts. Blow up heading text for emphasis. Enlarge pull quotes. Dwarf answers to quizzes. Write fine print. Design for the screen, but deviate for design.
The fonts I currently use
I use “Perpetua” for the Singularity title on the cover page. Can’t remember which book I saw this on, but the font used was on the copyright page of the book (yes, I read that page too. I’m curious, ok?). Sometimes, publishers print the font in which the text is set on. I tried “Perpetua” with the text “Singularity”, and it looked great. Stately with decorum, yet not too formal. So that stuck.
Magazine text was originally set in “Calibri”, the default font in Microsoft Word (I’ll tell you about the tools I use another time). Now I use “Corbel” because it renders the text better for easier reading (to me at least).
On the front cover, I use “Candara” for supporting text. No special reason other than I wanted to try a different sans serif font than the magazine text font. It also looked great, so that stuck as well.
Here are some interesting fonts during my experiments:
- Castellar – Automatically in small caps. Great for decorative text
- Copperplate Gothic – Also in small caps. Reminds me of Gotham City…
- Edwardian Script – Alternative to the Vivaldi script
- Elephant – If you want emphasis, get one of the largest land animals as a mascot
- Harrington – Reminds me of book stores…
- Palatino Linotype – Good-looking serif font. Consider using it for headings
- Papyrus – For when you need writing that looks like it was written on old paper
- Rockwell – For a feeling of solidarity
Ok, that’s it. If there’s anything you want to know, please comment.