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

Page loading …ResourcesFonts ⮞ For Coding

Synopsis: this page has sample JavaScript code in a variety of fonts suitable for coding, to help you choose a coding font.

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: 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 ⮞ Fonts ⮞ Ampersands (very, very slow), Resources ⮞ Fonts ⮞ Fluid Design & Sizes, Resources ⮞ Fonts, Resources ⮞ Font Choices, Resources ⮞ Fonts ⮞ Metrics (very slow page), Resources ⮞ Fonts ⮞ Samples (slow page), Resources ⮞ Fonts ⮞ Font Sets (slow page), Resources ⮞ Fonts ⮞ Possible Weights (slow page), Resources ⮞ Fonts ⮞ Richest Fonts (slow page), and Resources ⮞ Fonts ⮞ True Weights (very, very slow page).

Monospace Fonts for Coders 

Fonts which, like Courier New, are monospace fonts suitable for coders include . This author especially recommends IBM Plex Mono, Office Code Pro, and Office Code Pro D.

Note: samples are omitted for fonts which are not installed.

Some of these fonts are better because their characters are more legible and because their characters are so distinct that they are not easily confused. It is especially important that punctuation marks and operators be large, and that similar characters such as B80Oo (capital B, digit eight, digit zero, uppercase O, and lowercase O), 1ilI (digit 1, lowercase I, lowercase L, and uppercase I), 5S$ (digit 5, capital S, and a dollar sign), and brackets (parentheses (), square brackets [], braces {}, and pointed brackets <>) be distinct.