1. postcss-font-variant
PostCSS plugin to transform W3C font-variant properties to more compatible CSS (font-feature-settings)
postcss-font-variant
Package: postcss-font-variant
Created by: postcss
Last modified: Fri, 24 Jun 2022 10:00:53 GMT
Version: 5.0.0
License: MIT
Downloads: 25,048,775
Repository: https://github.com/postcss/postcss-font-variant

Install

npm install postcss-font-variant
yarn add postcss-font-variant

PostCSS Font-Variant PostCSS Logo

CSS Status
Build Status

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

Installation

 $ npm install postcss-font-variant

Usage

 // 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()
  .use(fontVariant())
  .process(css)
  .css

Using this input.css:

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

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

you will get:

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

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

Checkout tests for more examples.


Contributing

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

$ git clone https://github.com/postcss/postcss-font-variant.git
$ git checkout -b patch-1
$ npm install
$ npm test

Changelog

License

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code