Difference between revisions of "Style:Typography"

From SoylentNews
Jump to: navigation, search
(Golden Ratio of Proportionality)
Line 10: Line 10:
 
* The same website provides a calculator:
 
* The same website provides a calculator:
 
See [http://www.pearsonified.com/typography/ Typography Calculator]
 
See [http://www.pearsonified.com/typography/ 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

Revision as of 04:09, 29 March 2014

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