@affectionatedoor/opentype

CSS that enables the OpenType features of your font files.

Usage no npm install needed!

<script type="module">
  import affectionatedoorOpentype from 'https://cdn.skypack.dev/@affectionatedoor/opentype';
</script>

README

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.