Your Body Text Is Too Small
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 16px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 17px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 18px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 19px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 20px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 21px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 22px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 23px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
font-size 24px
A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things.
But let’s take a closer look at how that might work by using this article as an example. Here is the introduction again, but on an increasive font-size as we go through the headings. Because of the way the rest of this site is done I’m going to set the font size in pixels rather than in EM’s or REM’s.
Now, I’m not saying that small typography is bad. An 18px font is perfectly legible from the right distance. Smaller type is extremely useful in certain situations like on captions, cards and other UI elements, but there’s good reason to increase it a few more notches for body text.
An excerpt from Your Body Text Is Too Small
