Dan Hasselius Searchland Wilsome Graphics Webdev
 


Text & Typography

Move all font tags to CSS. The W3C spec for the <font> tag was deprecated in '96.

Header tags

  • Use grouping and subheadings to break large amounts of data into smaller units.
  • Do not overuse them.
  • H1 is an important tag for search bots.
  • Use the least amount of different Headers that you can.
  • Spec out your headers within your css sheet for control over look
  • Headers should be left-justified.
  • Titles and headings text should NOT be in all caps

Fonts

  • Times new Roman is the easiest text to read.
  • 12 point Times new Roman is the fastest text to read.
  • 12 point Arial font (anti-alilased and not) is the most preferred.
  • 12 point Times New Roman second most preferred.
  • Anti-aliased type is more legible if you increase the letter spacing slightly.
  • As a general rule, don't anti-alias type that is smaller than 10 pixels.
  • Only specify standard fonts.
  • Always specify the equivalent fonts for MAC and PC.
  • Always specify alternative fonts            
  • Always specify either a serif or a sans-sarif alternative.

Typography         

  • Limit the width of lines to about a dozen or so words.
  • Limit the height of blocks to para’s of 4 sentences or less.
  • Never to be placed on top of loud or busy backgrounds.
  • Always have proper contrast between bkg and text.
  • Text needs air around it, to breathe.
  • Never underline text in web pages
  • Structure all text for rapid reading/scanning
  • Print documents are too wordy for the web, so convert them.
  • Use correct spelling and grammar.
  • Make your organization logical
  • Make your sequences contiguous.
  • Eliminate sprung, disjointed, or awkward sentences
  • Eliminate spelling and punctuation errors
  • All information should be accurate.
  • All information should be complete.
  • All information should be appropriate to the purpose of the site.

Never use anything like these:

  • Click here!
  • Change these browser settings…
  • Open the browser window |--- this wide ---|
  • Stop right now and download this other browser
  • Best viewed with ...
  • Only viewable with ...
  • Click here if your browser supports frames
  • If you're using a browser that does not auto-refresh Click Here.
  • Download this plug-in
  • Set up this helper application
  • Turn off the underlining on links
  • Download this special font
  • How to print this page (Don't I just say "Print"?)
  • Click here for a tutorial on how to view this site
  • You don't have Java? Go away!
  • If you lived here, you'd be home now.
  • Coming Soon!

Re-read and revise all your text.

  • Inrease the clarity.
  • Incease the concision.
  • Increase the consistency of tone and level of formality
  • Increase the coherence.

 

resume
about me
proposals
architecture
development
site graphics
image tips
home elements
nav rules
nav systems
typography
text.h0