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

Page loading …Fonts Coding

Error: JavaScript is needed to render this site: please enable it.

Synopsis: this page displays text in a variety of fonts suitable for coding, to help you choose a coding font. The text consists of 1 all glyphs from 021H–01FFH, 2 glyphs of possible coding ligatures, 3 glyphs of alphanumeric ASCII characters, 4 glyphs of non-alphanumeric characters, 5 glyphs of characters which may be easily confused, and 6 sample JavaScript code.

NB​: the fonts are organized in two groups: a few fonts with coding ligatures; and many fonts without coding ligatures.

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

NB​: for each font, the sample JavaScript code is preceded by a list of the ASCII glyphs from 21H–1FFH; pointing to a character reveals its hex code; note that, if the glyph does not exist in that font, it’s rendered in the generic fantasy font as a hint that the font may not be suitable for some languages.

NB​: 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: Font Specimens - Monospace Coders’ Fonts Only.

See also: other pages in this site which are closely related include Fonts Ampersands (very, very slow), Fonts Choices, Fonts Classics, Fonts Fluid Design & Sizes, Fonts Free Fonts, Fonts Icon Fonts, Fonts News, Fonts Metrics (very slow page), Fonts Samples (slow page), Fonts Font Sets (slow page), Fonts Possible Weights (slow page), Fonts Richest Fonts (slow page), Fonts True Weights (very, very slow page), Fonts View String, Fonts Weights, and News Font News Archive.

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

Monospace Fonts with Ligatures for Coders 

Fonts which are monospace fonts with ligatures suitable for coders include .

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.

And fonts may bet better because they support more of the coding ligatures that are wanted.

Monospace Fonts for Coders 

Fonts which, like Courier New, are monospace fonts suitable for coders, but without coding ligatures, include .

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.

 

Logo