27 lines
5.2 KiB
Markdown
27 lines
5.2 KiB
Markdown
|
---
|
|||
|
title: "New fonts & site changes"
|
|||
|
description: "New fonts, more interesting typography, "
|
|||
|
cover: /assets/pngs/editor.png
|
|||
|
date: 2020-07-19T01:43:11-04:00
|
|||
|
categories:
|
|||
|
- Meta
|
|||
|
tags:
|
|||
|
- Fonts
|
|||
|
- Typography
|
|||
|
---
|
|||
|
I just got a couple of new (and rather expensive) fonts. So far, I'm incredibly happy with them and think it was money well-spent for a few reasons. Created by [Matthew Butterick](https://en.wikipedia.org/wiki/Matthew_Butterick), [Valkyrie](https://mbtype.com/fonts/valkyrie/) and [Concourse](https://mbtype.com/fonts/concourse/) are simply beautiful. I don't know which I like more but they both have their places on this website and will find their way onto others in the future. Because Concourse is a [sans-serif](https://en.wikipedia.org/wiki/Sans-serif), it will be the default used all across Secluded.Site. Valkyrie is a [serif font](https://en.wikipedia.org/wiki/Serif) and, though the type seems to be losing its place on the web, I think it adds a lot when reading content that's focused on a narrative rather than simply being informative. Because of that, it will be used for my posts about [pipe smoking](/categories/pipe-smoking/) and [Dungeons & Dragons](/categories/dungeons-dragons/). I might come up with other categories where Valkyrie fits as well but it will likely remain limited to those two.
|
|||
|
|
|||
|
In addition to simply changing the fonts, I've also modified some styles on the site. Headers (such as the title of this post) are now in proper small caps[^1] and I did some work to improve font size relative to the content width. Previously, the text was smaller than I would have liked which meant longer lines; there are some studies[^2] indicating that lines with a lower character count, while decreasing reading speed[^3], are generally more comfortable and hold the reader's attention more effectively. The width hasn't changed but the size has increased and thus decreased the number of characters per line.
|
|||
|
|
|||
|
One of the reasons I decided to buy the fonts was simply that I love the way they look and they have a lot of [features](https://mbtype.com/fonts/concourse/features.html) I wanted. In addition to that, however, I also wanted to support Matthew. His book, *[Practical Typography](https://practicaltypography.com/)* is an amazing resource for anyone that does anything with text. He has put a massive amount of work into it and simply [asks readers to pay](https://practicaltypography.com/why-you-should-pay.html). There is no pay*wall* and no ads either; it's completely supported by readers. There are a few [ways to contribute](https://practicaltypography.com/how-to-pay-for-this-book.html) and one of them is buying his fonts. Interestingly enough, if you read his [first](https://practicaltypography.com/economics-year-one.html), [second](https://practicaltypography.com/effluents-influence-affluence.html), and [third](https://practicaltypography.com/to-pay-or-not-to-pay.html) year summaries, more people bought his fonts for a higher price than simply paid him directly:
|
|||
|
|
|||
|
> What’s most interesting to me, however, is that so many more readers were willing to buy a font license (at $59–299) than to make a direct payment (at $5–10). Don’t get me wrong—I’m utterly grateful. But it’s counterintuitive: I never expected that the cheaper option would be so much less popular. Economists, I invite your explanations.
|
|||
|
>
|
|||
|
> — *[The Economics of a Web-based Book: Year One](https://practicaltypography.com/economics-year-one.html)*
|
|||
|
|
|||
|
I won't speculate as to why but it is thought-provoking. Regardless, his approach is very similar to that of any developer who creates open source software. They pour their time and energy into projects they might get no compensation for and rely on the community to fund their efforts. I have a *great* deal of respect for these people and try to support them whenever I'm able. $200 is a small price for two incredible fonts in addition to *Practical Typography*!
|
|||
|
|
|||
|
[^1]: Small caps are a font style where the letters that would otherwise be lower case are a shorter version of the upper case form. Many people simulate small caps by reducing the font size of regular capital letters to that of lower case characters but the results are too tall and their vertical lines too thin; they've only been scaled down. *Proper* small caps are an additional set of letters added to a font file as [OpenType features](https://practicaltypography.com/opentype-features.html). For a comparison, see the related page on *[Practical Typography](https://practicaltypography.com/small-caps.html)*.
|
|||
|
[^2]: I took mental note when reading an article about it but have since forgotten what it was and can't find it again. There are, however, various other sources, such as *[The Elements of Typographic Style Applied to the Web](http://webtypography.net/2.1.2)* and *[Readability: the Optimal Line Length](https://baymard.com/blog/line-length-readability)*.
|
|||
|
[^3]: A [rather short study](https://web.archive.org/web/20170918212943/http://psychology.wichita.edu/surl/usabilitynews/72/LineLength.asp) from Wichita State University found that increased line length resulted in greater reading efficiency. However, there were no significant effects on comprehension and the preference for longer or shorter lines was fairly evenly distributed.
|