Fine Typography Copy Pasta

Common fine typographic characters for optical typing.

Table of contents

Quotes

double quotes “”

“”

single quotes ‘’

‘’

apostrophe ’

East Asian quotes

「」
【】

Dashes

em dash —

 — 

en dash –

 – 

colon

:

Spaces

thin space (1/5– 1/6 em)

hair space (<  1/6 em)

zero width space (0)

zero width word joiner (0) prevents breaks

&#x200D;

Non Breaking

non breaking space   (1/4 em)

 

narrow non breaking space (1/4 – 1/5 em)

zero width non breaking space (0)



Quad Spaces: constant

en quad (1/2 em)

em quad (1 em)

Spaces Proportional to font width (i.e. if condensed)

en space (1/2 em)

  

em space (1 em)

Etc

ogham space mark (1/2 em?)

mongolian vowel separator (0)

medium math space (4/18 em)

figure space (tabular width of digits)

ideographic space (1 em, CJK character width)

  

tab character

	

Source: Unicode spaces https://jkorpela.fi/chars/spaces.html

Alphabet Length

abcdefghijklmnopqrstuvwxyz

6 Alphabets

abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Turn element into 6 alphabets

$0.innerText = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"

misc

❀ (⁠ ⁠ꈍ⁠ᴗ⁠ꈍ⁠) ❀

Web typography: baseline grids made easy (finally!)