$500.00

Save $500.00 when you buy the complete Ringside collection!

1Pairing Styles

Each of the six widths in the Ringside family contains eight weights from Thin to Black, each provided in both roman and italic. Ringside maintains visually consistent intervals between its weights, to ensure that every style has a heavier counterpart that provides the same degree of emphasis.

ringside Emphasizing Text
ringside Emphasizing Text on Screen
ringside Creating Contrasting Textures
2Setting Text & Headlines

Designed with text in mind, Ringside has the optical adjustments, character set, and family tree necessary for setting complex content at small sizes. The typefaces are equally at home in headline sizes, especially with the addition of tight tracking (negative value letter-spacing, in css.)

The following tables offer some conservative guidelines for the smallest sizes at which the fonts can comfortably be reproduced and read, assuming typical reading conditions, and conventional contrast between type and background colors. The recommendations for sizes on screen are based on the coarser resolutions of older, entry-level monitors: at the higher resolutions available on modern phones, tablets, and laptops, type is viable at even smaller sizes.

For digital applications, Ringside ScreenSmart is an adaptation specifically designed for use on screen at text sizes, and engineered to deliver superior rendering in web browsers.

Ringside’s subtle gradation of widths offers a typographic solution to the problem of text that runs long or short. In many contexts, the substitution of a slightly narrower or wider font can pass unnoticed by even the most attentive reader.

ringside Fitting to Width + Cond
ScreenPrint

Text/Headlines

Compressed Thin8 pt28 px
Compressed Light7 pt24 px
Compressed Book, Med, Semi, Bold6 pt22 px
Compressed Black7 pt18 px
Compressed Ultra8 pt18 px

Text/Headlines

Condensed Thin7½ pt28 px
Condensed Light6½ pt24 px
Condensed Book, Med, Semi, Bold5½ pt22 px
Condensed Black6½ pt18 px
Condensed Ultra7½ pt18 px

Text/Headlines

Narrow Thin7 pt28 px
Narrow Light6 pt24 px
Narrow Book, Med, Semi, Bold5 pt22 px
Narrow Black6 pt18 px
Narrow Ultra7 pt18 px

Text/Headlines

Regular Thin6 pt28 px
Regular Light5½ pt24 px
Regular Book, Med, Semi, Bold4½ pt22 px
Regular Black5½ pt18 px
Regular Ultra6 pt18 px

Text/Headlines

Wide Thin5½ pt28 px
Wide Light4½ pt24 px
Wide Book, Med, Semi, Bold4 pt22 px
Wide Black4½ pt18 px
Wide Ultra5½ pt18 px

Text/Headlines

Extra Wide Thin5 pt28 px
Extra Wide Light4½ pt24 px
Extra Wide Book, Med, Semi, Bold3½ pt22 px
Extra Wide Black4½ pt18 px
Extra Wide Ultra5 pt18 px

ScreenSmart® (SSm) fonts, designed for web and mobile applications, are engineered to work on screen at text sizes.

ScreenPrint

Text

Compressed SSm Light6 pt9 px
Compressed SSm Book, Med, Bold5½ pt9 px
Compressed SSm Black6 pt9 px

Text

Condensed SSm Light5½ pt9 px
Condensed SSm Book, Med, Bold5 pt9 px
Condensed SSm Black5½ pt9 px

Text

Narrow SSm Light5 pt9 px
Narrow SSm Book, Med, Bold4½ pt9 px
Narrow SSm Black5 pt9 px

Text

Regular SSm Light4½ pt9 px
Regular SSm Book, Med, Bold4 pt9 px
Regular SSm Black4½ pt9 px

Text

Wide SSm Light4 pt9 px
Wide SSm Book, Med, Bold3½ pt9 px
Wide SSm Black4 pt9 px

Text

Extra Wide SSm Light3½ pt9 px
Extra Wide SSm Book, Med, Bold3 pt9 px
Extra Wide SSm Black3½ pt9 px
ScreenPrint

Text

Ringside Condensed Office5½ pt9 px
Ringside Narrow Office5 pt9 px
Ringside Regular Office4½ pt9 px
Ringside Wide Office4 pt9 px
ringside Normalizing Stroke Weights
3Choosing Numbers

Ringside has four types of numbers: lining figures for text, tabular figures for setting numbers in columns, fractions and fraction parts, and superscripts and subscripts.

Image

Ringside’s default numbers are lining figures, which share a common height, but whose widths vary according to their natural shapes (from the narrow 1 to the wide 0.)

Image

For contexts in which numbers need to be stacked (such as charts, tables, pricelists, and menus), or digital applications in which numbers are dynamic (such as websites and apps), Ringside includes a set of tabular figures that are drawn on a common width. Tabular figures are included standard in every style of Ringside.

Image

Ringside also includes numerators and denominators, aligned with the figure height and descending below the baseline, as well as a fraction bar to which they’re individually kerned. Many applications can automatically detect numbers separated by a slash and replace these with proper fractions; for other applications, Ringside includes pre-composed fractions for the fifteen most common denominations.

Image

Ringside includes superscripts and subscripts, which align with the fonts’ ascenders and descenders. Use these for footnotes, mathematical expressions, and scientific formulas.

4Creating Charts & Tables

Ringside has features that make it easier to use tabular figures when designing data-heavy applications such as charts, tables, menus, and reports, as well as digital experiences that show dynamic data such as prices, statistics, product numbers, timetables, account numbers, points, or scores.

Image

Ringside’s tabular figures maintain a fixed width from weight to weight, so that numbers can be emphasized in a bolder weight without disrupting the grid.

Image

Activating Ringside’s tabular figures automatically introduces fixed-width versions of many characters that frequently accompany numbers, such as monetary and commercial symbols, mathematical operators, and punctuation marks.

5Using Special Characters

Many of Ringside’s special characters and alternates are grouped into Stylistic Sets, an OpenType feature available in many applications that makes it easier to apply related substitutions together.

ringside Stylistic Sets On
ringside Stylistic Sets On
ringside Stylistic Sets On
ringside Stylistic Sets On
ringside Stylistic Sets On
ringside Stylistic Sets On
ringside Stylistic Sets On
ringside Stylistic Sets On
ringside Stylistic Sets On
5.2Additional Characters
ringside Additional Characters
6Using Automated Features

Ringside automatically adjusts spacing to improve typography.

ringside Kerning Native

Ringside is spaced and kerned to perform in most circumstances without the need for manual intervention. In applications that offer multiple options for kerning type, always use the default kerning that’s native to the typefaces (labeled auto in Illustrator, and metrics in InDesign) — never use the setting for optical kerning.

 

So-called ‘optical kerning’ was originally developed as an automated assist for fonts that lack kerning. But applied to a professional typeface, it overrides the visual decisions made by the font’s designers, and instead spaces characters using a mathematical model. It routinely misjudges common pairs, ignores important context, and misaligns tabular figures, creating erratic and disruptive rhythms. Because its algorithms are subject to change with each software update, ‘optical kerning’ can cause text to be reflowed without notice.

ringside Capital Punctuation Feature

Some design applications include an all caps option that not only capitalizes lowercase letters, but invokes the feature in Ringside that substitutes capital-aligned numbers and punctuation. This raises characters such as dashes and enclosures so that they center on the caps, and substitutes the forms of symbols designed to accompany Ringside’s lining figures.

7Language Support

Ringside features H&Co’s Expanded Latin character set.

Ringside supports 503 languages including Afrikaans, Albanian, Alsatian, Basque, Bosnian, Breton, Catalan, Cebuano, Corsican, Croatian, Czech, Danish, Dutch, English, Estonian, Faroese, Fijian, Filipino, Finnish, French, Frisian, Friulian, Galician, German, Hungarian, Icelandic, Indonesian, Irish, Italian, Kurdish, Latvian, Lithuanian, Luxembourgeois, Malagasy, Malay, Maltese, Norwegian, Oromo, Polish, Portuguese, Romanian, Sardinian, Scots Gaelic, Slovak, Slovene, Spanish, Swahili, Swedish, Tagalog, Turkish, Welsh, and Zulu.