@affectionatedoor/opentype v1.2.0

OpenType

CSS that enables the OpenType features of your font files.

Install

yarn add @affectionatedoor/opentype

Usage with Gatsby

// gatsby-browser.js
import "@affectionatedoor/opentype";

CSS custom properties

import "@affectionatedoor/opentype/css-variables.css";

OpenType features

• root: Kern + contextual alternates + common and standard ligatures.
• p: Old style numbers.
• abbr, .small-caps: Small caps + old style numbers.
• .petite-caps: Petite caps + old style numbers.
• td: Tabular numbers.
• .fraction: Diagonal fractions.
• sub, .subscript
• sup, .superscript
• .dlig: Discretionary ligatures.
• .swash: Discretionary ligatures + swashes.
• .stylistic-alternates: salt.