AccessAbility SIG of STC: Font Comparisons for Use on Web Sites text only version

Some comments and instructions in this page are for audio browsers and users who browse this site with screen readers. If you can see this paragraph and you are not using a text-only or screen reader browser, either the style sheet for screen viewing didn't load (if so, click on "refresh" to reload the style sheet), or you need to use a World Wide Web Consortium (W3C) standards-supporting browser that has full HTML 4.0.1 Strict and cascading style sheet (CSS) level 2 support. (For information about these browsers, see Standards-supporting browsers.) The Society for Technical Communication is a W3C member: http://www.w3.org/

For additional information, see the Accessibility Design and Features page.

Skip navigation

If your browser supports hotkeys, the following hotkeys will move you around the page:
0 to return to the top of the page.
1 to skip navigation links and go to the main content.
2 to move to the top navigation links.
3 to skip the Introduction section.
4 to move to the side navigation links.
5 to move to the bottom navigation links (these include both the top and side navigation links).
6 for the search query input field.
7 to submit search query.
8 to use the Screen style sheet.
: to use the Negative style sheet.
9 to use the Text style sheet.
r to use the Text in large font style sheet.
# to print this page.
l to use the Aural style sheet.
& for Link Suggestion.
n for Name.
s for Subject.
m for Message.
p for Home Phone.
w for Work Phone.
d for Wireless Device / Pager.
x for Contact Preference.
e for E-mail.
f for Fax.
y for Company.
t for Street.
i for City.
a for State.
/ for Post or Zip Code.
o for Country.
u for URL.
b for Membership.
h for Membership Number.
z to Send the message.
c to Clear (reset) the form.

Access keys are activated by pressing Alt (for Windows) or control (for Mac) and the access key character (in some browsers, the access keys are activated by releasing the Alt or control key, then pressing the access key character, then pressing the Enter key). The Tab key will also get you through the page.

Because Cascading Style Sheet (CSS) positioning rules are used in the style sheet, you may find that only Alt 1 (top) works in the latest visual browsers. All four keys should work in older browsers that don't support CSS positioning standards.

Society for Technical Communication

The following is the left side navigation menu for the page.

Skip to bottom

Highlights

Home

Blog: News & Resources

SIG Information

A-SIG members padlock icon indicating SIG Members Only

STC Links

Conference Information

Site Information

The following is the main content for the page.

Use the following buttons to change style sheets.

Pull browser window out or in to widen or shorten line length.

Font Comparisons

Fonts that aren't installed on your computer will be shown as the default font that you've set for your computer. There is a graphic version of the table to show how fonts look that may not be installed on your computer.

Note: All fonts in the table are the same font-weight setting and proportional font-size (96%).

Clear Onscreen Readability Fonts	Hard to Read Onscreen Fonts
Verdana The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Times New Roman The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Trebuchet MS The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Times The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Comic Sans MS (good for dyslexic users) The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	New York The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Lucida Grande The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Futura The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Chalkboard The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Impact The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Sans-Serif The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Serif The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Arial The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Bookman Old Style The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Helvetica The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Garamond The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Univers The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Bodoni BT The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Georgia The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Century Schoolbook The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Andale Mono The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Monospace The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Tahoma (monospace font) The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Courier (monospace font) The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±
Monaco (monospace font) The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±	Courier New (monospace font) The quick brown fox jumps over the lazy dog. 1234567890, !@#$%&*()+-";:?/<>' ®™©=^äéëïöüñ~±

See http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml for the likelihood of a specific font being installed on a user's Macintosh, Windows, or Unix operating system.

Other Examples

Two more examples of how various fonts look on your Web site are provided at the following sites. These pages show how your fonts will look on your computer and on other's computers if all the fonts used on the page are installed. If a font is not installed, this site's font defaults to the Courier New font. The first items shows the fonts that are most likely installed on everyone's computer. The second item show popular fonts called for in some sites but if you don't have a particular font installed, your users may not also and you'll see the default font for the page.

Contact Us

Send comments, questions, and suggestions to the . Or contact the A-SIG Co-Managers directly:

Karen Mardahl
A-SIG Co-Manager:
international issues
E-mail:

Lori Gillen
A-SIG Co-Manager:
strategic planning, administration
E-mail:

Karen Mardahl
A-SIG Co-Manager:
international issues
E-mail:

Lori Gillen
A-SIG Co-Manager:
strategic planning, administration
E-mail:

Send link suggestions and Web comments to the .

Last updated: 3 July 2008
Today is:

Return to the top