Font readability: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 6: Line 6:


{{quotation|Legibility is concerned with the very fine details of typeface design, and in an operational context this usually means the ability to recognise individual letters or words. Readability however concerns the optimum arrangement and layout of whole bodies of text}} ([http://www.alexpoole.info/academic/literaturereview.html Alex Pool])
{{quotation|Legibility is concerned with the very fine details of typeface design, and in an operational context this usually means the ability to recognise individual letters or words. Readability however concerns the optimum arrangement and layout of whole bodies of text}} ([http://www.alexpoole.info/academic/literaturereview.html Alex Pool])
Fonts usually come in families, so-called '''Typefaces''' (roman, bold, italic).


== Research on readability ==
== Research on readability ==
Line 12: Line 14:


I don't have time to do a real literature review, but from the little I have seen there must be interaction effects of several conditions, e.g. line length, line spacing, size of fonts, width of font, familiarity with the font, paragraph size, etc. - 19:19, 15 April 2009 (UTC)
I don't have time to do a real literature review, but from the little I have seen there must be interaction effects of several conditions, e.g. line length, line spacing, size of fonts, width of font, familiarity with the font, paragraph size, etc. - 19:19, 15 April 2009 (UTC)
There are some ground rules like:
* Don't make long lines nor too long paragraphs
* Use wide fonts such as Palatino or Verdana for small fonts
* Use spaces between lines, e.g. about 1.2 at least. E.g. in Word 2007, 1.15 is the default I believe.


== Good fonts for print books ==
== Good fonts for print books ==
Line 26: Line 33:
* Universe
* Universe
* Frutinger  
* Frutinger  
Warning:
* Some popular fonts don't exist on all systems (e.g. On Ubuntu most Windows fonts are missing)
* Some fancy fonts are very expensive
* Even on the same system (e.g. Vista), fonts don't mean the same thing in two different applications, e.g. Word 2007 or Framemaker (couldn't believe it)


== Good fonts for online reading ==
== Good fonts for online reading ==


; Sans serif
; Sans serif
* Verdana
* Verdana (a so-called humanist font, i.e. they have some variations which make them prettier and probably easier to read)
* Arial (eats less space, ok for small paragraphs)
* Arial (quite simple, eats less space, ok for small paragraphs)
* Calibri
* ClearType (MS) fonts like Calibri and Cambria (look good on LCDs)
* Cambria


; Serif
; Serif
Line 40: Line 51:


Sans-serif fonts are better for today's low-resoluation screens. Even my relatively recent 24 inch desktop and 17 inch laptop screens can only do 1900x1200 pixels which is very low compared to good print. - 19:19, 15 April 2009 (UTC).
Sans-serif fonts are better for today's low-resoluation screens. Even my relatively recent 24 inch desktop and 17 inch laptop screens can only do 1900x1200 pixels which is very low compared to good print. - 19:19, 15 April 2009 (UTC).
Warning:
* Don't use expensive fonts in documents that you must share. Your friends won't be able to read these...
* Web-safe fonts do not exist, in your CSS you always should have several alternatives. E.g. Calibri exists only in Win Vista. Arial is ugly under Unix.


== Links ==
== Links ==
; General


* [http://www.alexpoole.info/academic/literaturereview.html Literature Review, Which Are More Legible: Serif or Sans Serif Typefaces?] by Alex Pool (2005), retrieved 19:19, 15 April 2009 (UTC).
* [http://www.alexpoole.info/academic/literaturereview.html Literature Review, Which Are More Legible: Serif or Sans Serif Typefaces?] by Alex Pool (2005), retrieved 19:19, 15 April 2009 (UTC).


* [http://www.hgrebdes.com/typefaces/academicbase.html The Academic Evidence Base for Typeface Readability] and [http://www.hgrebdes.com/typefaces/fontresearch.php Tyeface Readability] by Wharton Assitt, retrieved 19:19, 15 April 2009 (UTC).
* [http://www.hgrebdes.com/typefaces/academicbase.html The Academic Evidence Base for Typeface Readability] and [http://www.hgrebdes.com/typefaces/fontresearch.php Tyeface Readability] by Wharton Assitt, retrieved 19:19, 15 April 2009 (UTC).
* [http://liinwww.ira.uka.de/bibliography/Typesetting/reading.html Bibliography on font readability] (searchable).
; Wikipedia
* [http://en.wikipedia.org/wiki/Font Font]
* [http://en.wikipedia.org/wiki/Typeface Typeface]
* [http://en.wikipedia.org/wiki/Serif Serif]
* [http://en.wikipedia.org/wiki/Sans-serif Sans serif]
* (more ...)
; Fonts
* [http://dustinbrewer.com/fonts-on-the-web-and-a-list-of-web-safe-fonts/ Fonts on the web and a list of web safe fonts]
* [http://en.wikipedia.org/wiki/Web-safe_fonts Web-safe fonts] (Wikipedia)
* [http://en.wikipedia.org/wiki/List_of_typefaces List of typefaces] (Wikipedia)
* [http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html Common fonts to all versions of Windows & Mac equivalents]
* [http://www.fonts.com/ fonts.com] (sells fonts)


* [http://www.linotype.com/ linotype.com]. Sells really good fonts and does include useful information about fonts, e.g. an [http://www.linotype.com/720/adrianfrutiger.html article about Frutiger], one of the best designers ever.
* [http://www.linotype.com/ linotype.com]. Sells really good fonts and does include useful information about fonts, e.g. an [http://www.linotype.com/720/adrianfrutiger.html article about Frutiger], one of the best designers ever.

Revision as of 21:19, 15 April 2009

Draft

Definitions

Font readability is related to measurable performance in an good reading environment. However, since the medium can be very different, e.g. book print, printer print, computer screen, hand helds, etc. this issues becomes a list of subproblems. Legibility refers to being able to read a text in bad conditions.

“Legibility is concerned with the very fine details of typeface design, and in an operational context this usually means the ability to recognise individual letters or words. Readability however concerns the optimum arrangement and layout of whole bodies of text” (Alex Pool)

Fonts usually come in families, so-called Typefaces (roman, bold, italic).

Research on readability

The only sure conclusions seems to be that there are differences between fonts. Studies that constrast serif vs. non-serif fonts seem to be controversial.

I don't have time to do a real literature review, but from the little I have seen there must be interaction effects of several conditions, e.g. line length, line spacing, size of fonts, width of font, familiarity with the font, paragraph size, etc. - 19:19, 15 April 2009 (UTC)

There are some ground rules like:

  • Don't make long lines nor too long paragraphs
  • Use wide fonts such as Palatino or Verdana for small fonts
  • Use spaces between lines, e.g. about 1.2 at least. E.g. in Word 2007, 1.15 is the default I believe.

Good fonts for print books

It is generally agreed that serif fonts are better for reading since serifs sort of form an invisible line. But as we said before, there a lots of other parameters. In addition, some fonts "cheat", e.g. Calibri (Win) has more space between lines. Also, you can manipulate fonts ...

Serif
  • Garamond
  • Century Schoolbook (an other Century fonts), popular with magazines
  • Times and Times New Roman (if saving space is an issue)
  • Palatino (the opposite, if using up a lot of space is no issue)
Sans serif
  • Universe
  • Frutinger

Warning:

  • Some popular fonts don't exist on all systems (e.g. On Ubuntu most Windows fonts are missing)
  • Some fancy fonts are very expensive
  • Even on the same system (e.g. Vista), fonts don't mean the same thing in two different applications, e.g. Word 2007 or Framemaker (couldn't believe it)

Good fonts for online reading

Sans serif
  • Verdana (a so-called humanist font, i.e. they have some variations which make them prettier and probably easier to read)
  • Arial (quite simple, eats less space, ok for small paragraphs)
  • ClearType (MS) fonts like Calibri and Cambria (look good on LCDs)
Serif
  • Georgia
  • Palatio Linotype

Sans-serif fonts are better for today's low-resoluation screens. Even my relatively recent 24 inch desktop and 17 inch laptop screens can only do 1900x1200 pixels which is very low compared to good print. - 19:19, 15 April 2009 (UTC).

Warning:

  • Don't use expensive fonts in documents that you must share. Your friends won't be able to read these...
  • Web-safe fonts do not exist, in your CSS you always should have several alternatives. E.g. Calibri exists only in Win Vista. Arial is ugly under Unix.

Links

General
Wikipedia
Fonts

Bibliography

  • Bell R.C., Sullivan J.L.F. (1981). Student preferences in typography. Programmed Learning and Educational Technology18(2), 57-61.
  • Bix, L. (2002). The Elements of Text and Message Design and Their Impact on Message Legibility: A Literature Review. Journal of Design Communication, No. 4. HTML
  • Boyarski, D., Neuwirth, C., Forlizzi, J., Regli, S.H. (1998). A Study of Fonts Designed for Screen Display. Proceedings of ACM CHI 98 Conference on Human Factors in Computing Systems.1, 87-94.
  • Dillon, A. (1992). Reading from paper versus screens: a critical review of the empirical literature. Ergonomics, 35(10), 1297-1326.
  • De Lange, R. W., Esterhuizen, H. L., Beatty, D. (1993). Performance differences between Times and Helvetica in a reading task.Electronic Publishing, 6(3), 241-248.