Rule of thumb: Heading font size ÷ Body copy font size = 1.96;
(Multiply by 2 your body size)
Another option is to use a traditional scale (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72)
or the Fibonacci sequence (e.g. 16 – 24 – 40 – 64 – 104) to get natural typographic results. More info:
Best Practices from best blogs
How to size text in css
Do not letterspace your lowercase content
In CSS, word space is set with the word-spacing property which has a default value of normal. The default word space is equivalent to approximately 0.25 em, although the exact value will depend on information encoded within the digital font file. To change the word spacing, you should specifiy a length in ems. This length is added to the existing word space;
Poe's raven told him nothing nevermore and Vincent's circling crows were a threat to destroy sunlight. Now I saw a bird, black with a yellow beak, orange rubber legs pecking to kill the lawn, storm bird hates with claw, evil beak, s u n and eye.
Some tools for helping shaping your poetry:
You can make
Indent decorations (using the space as indentation as decoration) or playing with outdents (negative indentation).
HTML5: More info on Custom Data Attributes
Mask image supported only by Webkit (Chrome & Safari)
SVG Mask supported by Firefox
Full explanation on SVG and CSS Masks support
Adding classes, to letters, words or line split, to have control over them.
Use it only for titles!