A Short Guide to Web Typography

Jan. 1, 2024 by @anthonynsimon

An H2 Header With Some Text

The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

Tables Are Cool
col 3 is right-aligned $1600
col 2 is Centered $12
zebra stripes are neat $1

Overflowing table:

Tables Are Cool Cool $1600 $1600
col 3 is right-aligned $1600 $1600 $1600 $1600
col 2 is Centered $12 $1600 $1600 $1600
zebra stripes are neat $1 $1600 $1600 $1600

An H2 Header With Some Text

Bold text is bold. Italic text is italic. Bold and italic text is bold and italic.

Inline code is inline code. The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

function hello() {
  console.log('Hello, World!');
}
def hello():
  print('Hello, World!')

The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3

The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is. The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3

The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

An H2 Header With Some Text

An H3 Header Because Why Not?

An H4 Header For Good Measure

An H5 Header And That's It

The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

Blockquote text is blockquote text. The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

The quick brown fox jumps over the lazy dog, but the lazy dog is too lazy to care. So the fox jumps over the dog and continues on its way. The dog is still lazy. I guess that's just how it is.

Start collecting feedback today

Try free for 14 days - no credit card required