PostCSS plugin to transform W3C CSS font variant properties to more compatible CSS (font-feature-settings)
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

PostCSS Font-Variant PostCSS Logo

CSS Status Build Status

PostCSS Font-Variant lets you use font-variant in CSS, following the CSS Fonts specification.


$ npm install postcss-font-variant


// dependencies
var postcss = require("postcss")
var fontVariant = require("postcss-font-variant")

// css to be processed
var css = fs.readFileSync("input.css", "utf8")

// process css using postcss-font-variant
var out = postcss()

Using this input.css:

h2 {
  font-variant-caps: small-caps;

table {
  font-variant-numeric: lining-nums;

you will get:

h2 {
  font-feature-settings: "c2sc";
  font-variant-caps: small-caps;

table {
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;

Checkout tests for more examples.


Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.

$ git clone
$ git checkout -b patch-1
$ npm install
$ npm test