OpenType
CSS that enables the OpenType features of your font files.
Install
yarn add @affectionatedoor/opentypeUsage 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.