
Originally conceived for printed newspapers to calibrate output from different presses, or different paper stocks, grade is an attempt to keep type appearing consistent across different media, or in certain contexts. Think of a newspaper (matte paper; more ink bleed) that also has a magazine-style weekend supplement (glossy paper; less ink bleed). This is a perfect use case for using different grades to achieve identical typographic [color](/glossary/color) for the [body](/glossary/body) [text](/glossary/text_copy) in both instances.

Unlike [weight](/glossary/weight), which usually has an effect on [width](/glossary/width) as well, grade alters only the thickness of the [letterforms](/glossary/letterform)’ [strokes](/glossary/stroke) without changing the width of the [glyph](/glossary/glyph). Although grade can alter [contrast](/glossary/contrast), it differs from [optical sizing](/glossary/optical_sizes) because its purpose is to compensate for differences in appearance and bring it back towards the intended design.

For screen reading, reversed (white on black or other light colors on dark background) type [appears bolder than normal dark text](/lesson/exploring_typefaces_with_multiple_weights_or_grades) on a light background. With printed text, the opposite is true (although the amount depends on the quality of the paper, as noted). In either case, a slight adjustment via grade can maintain the same visual effect.

<figure>

![The words “Graduation Ceremony” set in the same typeface, but with two different grade settings applied to the fonts, revealed via a sliding doors-like visual representation. Highlights accentuate where details in the letterforms differ between the two versions.](images/thumbnail.svg)

<figcaption>Typeface: <a href="https://fonts.google.com/specimen/Roboto+Serif">Roboto Serif</a></figcaption>

</figure>

In [variable fonts](/glossary/variable_fonts), the [grade axis](/glossary/grade_axis) allows for a level of granular control to create the optimal reading experience.
