Presentation is crucial to all forms of communication. There are several factors to be considered while designing a website and selecting the appropriate font type constitute a major decision as whatever content is written must be easy on eyes and readable. The selected font for a website should accomplish the following:
- Focus attention
- Enhance readability
- Establish a tone
- Project an image
Guidelines:
- Use CSS to apply the corporate fonts through controlled style sheets
- Make the default font size reasonably big (at least 10 point equivalent)
- If your site is targeted to senior citizens users, use bigger default font sizes (at least 12 point equivalent).
- If possible, avoid text that is embedded within a graphic, style sheets and font size buttons do not have any effect on graphics
- Have font size adjuster prominent on the website
- Set your font sizes using relative measurements or avoid setting font sizes altogether.
Relative or flexible units can be chosen from:
- Percentages (%) increase or decrease from the browser font size set
- Em (relative to the size of the capital M)
- Ex (relative to the size of the capital X)
- Keywords (small, medium, larger, smaller, etc.)
- Signed units (+1, -2, etc) (HTML only)
- Avoid font sizing based on absolute or fixed units such as points (pt) , pixels(px), centimeters(cm), millimeters(mm) and inches(in).Instead, use % and “em”
- In sites where it is necessary for users to read a lot of information, use lower-case fonts and appropriate capitalization to ensure the fastest possible reading speed
- Use bold text only when it is important to draw the user’s attention to a specific piece of information
Validation Techniques:
Change the browser text size settings to "largest" and "smallest" to ensure that all text is still legible