
“Make all visual distinctions as subtle as possible, but still clear and effective.”
Tips, tricks, and resources for the basics of good online typography. Does not apply to print. There always exceptions to the advice below.
GENERAL TIPSAlign your text left.
text-align: left;The ragged right hand side tends help you keep your place while reading.Make your leading 140%.
line-height: 140%;This makes it more legible.User proper punctuation. Em dashes instead of hyphens. Curly quotes instead of dumb quotes. You can find the codes here.
Look into good fonts. Font packs and best free fonts lists are your friends.
SERIFS VS. SANS SERIFSSerifs. a.k.a Times New Roman, Georgia. Typically used for headers. Easy to read. Can stand out too much. Work better over 12pt. Most have poorly spaced lettering (which means letters may run together) and serifs tend to make letters blur together.
Sans Serifs. a.k.a Arial, Helvetica. Typically used for body text. Take up less space. Overused. Visually appealing. Tend to read better small (but blur at a larger size). Most people can read sans serif fonts faster online.
![“ font friday 07/04/14 ; inspired by orphan black characters. [download]
”](https://64.media.tumblr.com/42a6ba2937d3f654565ce5df5bf893b1/tumblr_n8381xgVvM1t6t6keo1_400.png)


