09.06.2015 Views

learn_HTML

learn_HTML

learn_HTML

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Letter & Word Spacing Article<br />

letter-spacing, word-spacing<br />

CSS<br />

chapter-12/letter-and-word-spacing.html<br />

h1, h2 {<br />

text-transform: uppercase;<br />

letter-spacing: 0.2em;}<br />

.credits {<br />

font-weight: bold;<br />

word-spacing: 1em;}<br />

Result<br />

Kerning is the term<br />

typographers use for the space<br />

between each letter. You can<br />

control the space between each<br />

letter with the letter-spacing<br />

property.<br />

It is particularly helpful to<br />

increase the kerning when<br />

your heading or sentence is<br />

all in uppercase. If your text is<br />

in sentence (or normal) case,<br />

increasing or decreasing the<br />

kerning can make it harder to<br />

read.<br />

You can also control the gap<br />

between words using the<br />

word-spacing property.<br />

Result Minus CSS<br />

When you specify a value for<br />

these properties, it should<br />

be given in ems, and it will be<br />

added on top of the default value<br />

specified by the font.<br />

The default gap between<br />

words is set by the typeface<br />

(often around 0.25em), and<br />

it is unlikely that you would<br />

need to change this property<br />

regularly. If the typeface is bold<br />

or you have increased the space<br />

between letters, then a larger<br />

gap between words can increase<br />

readability.<br />

TEXT<br />

284

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!