Type looking a little flabby? Overweight? Want to give it a kick in the pants? Take a look at some of these tricks to really give your web type a workout.
Looking to make your type render a bit better for your Windows and Linux users?
will enable ligatures and
kerning tables in the font file making
the type look extra nice. It takes the text a little longer to load which could
be a problem. It’s best to use it on headers, especially on those
@font-face fonts, and refrain from
using it on really large blocks of text.
Everyone’s reversed Webkit type has a little extra weight in the hips.
antialiased; will help
you lose a little of that weight around the middle by using
antialias rendering instead of the
default subpixel rendering.
It will make type just a hairline thiner when using light type on a dark
background. Read -webkit-font-smoothing
and check out the test
page for more
Create rhythm the easy way. Try using tools like typograph and Modular Scale to create a nice flow within your type. Both use traditional type scales to calculate sizes to help with your vertical spacing.
Using justified type
on the web can sometimes be a disaster.
(Only in IE - WHAT?) will help make sure that you’re shaping up the word-spacing
and not letting it get too big. Hyphenator adds in semantic soft hyphens for you
but it could be dangerous leaving your hyphenating up to a script.
text-justify: newspaper; will adjust the spacing between letters and words
instead of relaying solely on word-spacing.