Style:Typography

From SoylentNews
Revision as of 04:09, 29 March 2014 by Mrbluze (talk | contribs)
Jump to navigation Jump to search

Golden Ratio of Proportionality

This resource is summarised for our purposes here and pertains to Line length, Line height and Font Size:

  • The Golden Ratio is approximately = 1.618
  • Line height increases with increasing font size, and increasing line length.
    • Landscape view has long line lengths
    • Portrait view has short line lengths
  • The screen orientation should be sensed to determine optimal line width: use media queries.
  • Font style will have implications on perceived line widths, as stunted fonts versus tall fonts produce a different overhead whitespace.

See Line Height versus Line Width at pearsonified.com for a thumbnail guide to font size / line height selection.

  • The same website provides a calculator:

See Typography Calculator

General Guidelines for Font Choice

  • The actual font face chosen is a matter of taste, practicality and evidence basis
    • The current fashion is to use sans-serif fonts, however with increasing display desity and the fact that sans-serif has been in vogue a long time, this fashion is set to change back to serif

General Guidelines for Styles

  • Drop-caps will not be used, as we are not aiming for magazine style.
  • Blockquotes should be indented, approx 0.50cm from the left justification of normal text.
    • However to maintain tidy left flush design, a tick but lightly shaded vertical rule (3.30 pt thickness, for example) that is about 0.5cm