Charles A Upsdell: Website DesignBrowser NewsCharles A Upsdell: Website Design

Page loading …ResourcesFonts ⮞ Font Samples

Synopsis: this page displays samples of the fonts listed in the Resources ⮞ Fonts ⮞ Metrics page.

Note: the correct fonts will not appear when the operating system performs font substitution; for example, Helvetica and Times will not appear in Windows because Windows substitutes Arial for Helvetica and Times New Roman for Times.

Note: characters in tiny sizes will not appear in the proper sizes if the browser has been configured to set a minimum font size.

Note: the font samples may appear very slowly, because much JavaScript must be executed, and many embedded fonts must be downloaded; Chrome-based browsers were particularily slow when this was written, in July 2017.

Subsections include:

Note: unlike most Browser News pages, this page is starkly plain, with minimal styling, partly to illustrate the points more clearly, but mainly to make it easier to compare browsers: viewing this page with several browsers and/or configurations at the same time makes the browsers’ basic differences clearer.

See also: other major pages in this site are Home, News, Find Browsers, Resources, Stats, and Store.

See also: other pages in this site which are closely related include Resources ⮞ Font Choices, Resources ⮞ Fonts ⮞ For Coding , Resources ⮞ Fonts ⮞ Ampersands (very, very slow), Resources ⮞ Fonts ⮞ Fluid Design & Sizes, Resources ⮞ Fonts, Resources ⮞ Font Choices, Resources ⮞ Fonts ⮞ Metrics (very slow page), Resources ⮞ Fonts ⮞ Sets (slow page), Resources ⮞ Fonts ⮞ Possible Weights (slow page), Resources ⮞ Fonts ⮞ Richest Fonts (slow page), and Resources ⮞ Fonts ⮞ True Weights (very, very slow page).

Fonts Listed 

Samples are displayed of these generic, proposed generic, installed, and embedded fonts:


Normally, sizes of samples are 2em, 1.5em, 1.2em, 1.00em, 0.89em, 0.75em, and 0.60em, which are the recommended xx-large, x-large, large, medium, small, x-small, and xx-small sizes in the proposed CSS4 standard.

You can view more samples — medium, small, x-small, xx-small, 16px, 15px, 14px, 13px, 12px, 11px, 10px, 9px, and 8px — by clicking See More Sizes, or revert to the default sizes by clicking See Default Sizes.

In all cases, the samples appear in both regular and italic faces.