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.
- Ordered list item 1
- Ordered list item 2
- 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