Font

The Font block displays a sample text in a given font, and provides basic information about the font metrics. The metrics show the actual, computed font size and line height values from the DOM. They are updated in real time to support fonts that make use of dynamic CSS units (such as vw). To provide context (such as where this font is used, or instructions for developers how to apply the font style), use the info option.

Heading 1

This font is for the main page heading. Its size is defined in terms of viewport width. Therefore it automatically scales with the viewport. To apply this style to an element, use the following code:

Lateropulsion

A Font block inside an Exhibit. You would not usually use it like that but here we do to better illustrate what it contains.

Timvir Font System

The samples below illustrate the font system used by Timvir itself. Note that the Timvir font system is currently (for most parts) not responsive. The font sizes remain the same across all viewport sizes.

In Timvir itself, ont sizes are always specified in rem, line height in unitless values. This ensures the font size scales when the user has set a non-standard font size in their browser (currently Chrome and Firefox offer such option, Safari does not).

h1

Berthold type specimen No. 539A

h2

Schmale Steinschrift

h3

Francke foundry in Danzig

h4

Berthold and Bauer & Co.

body1

This is the main font used for the page body.

The first of the folio’s two sans serifs was simply called Grotesque. This was a duplicate of the Moderne Steinschriften types created at the Benjamin Krebs Nachfolger typefoundry of Frankfurt am Main, published in 1865. The second was an italic named Cursiv-Grotesque, which probably came to Theinhardt from the J.H. Rust & Co. foundry of Offenbach am Main and Vienna. Rust had imported the larger sizes of this typeface from Americirca They then created the three smallest sizes themselves, publishing them in 1875.

caption

The font used for captions (such as under Exhibit, Code, and Viewport blocks). Captions usually use secondary text color.

By 1968, there were twenty-one.

Exhibit

Grid