https://github.com/postcss/postcss-font-variant

PostCSS plugin to transform W3C CSS font variant properties to more compatible CSS (font-feature-settings)
https://github.com/postcss/postcss-font-variant

Last synced: about 1 month ago
JSON representation

PostCSS plugin to transform W3C CSS font variant properties to more compatible CSS (font-feature-settings)

• Host: GitHub
• URL: https://github.com/postcss/postcss-font-variant
• Owner: postcss
• License: mit
• Created: 2014-07-29T05:51:40.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2022-05-16T16:49:43.000Z (over 2 years ago)
• Last Synced: 2024-04-14T02:32:50.579Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 214 KB
• Stars: 25
• Watchers: 6
• Forks: 10
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PostCSS Font-Variant [](https://github.com/postcss/postcss/)

[![CSS Status](https://cssdb.org/badge/font-variant-property.svg)](https://cssdb.org/#font-variant-property)

[![Build Status](https://travis-ci.org/postcss/postcss-font-variant.svg)](https://travis-ci.org/postcss/postcss-font-variant)

PostCSS Font-Variant lets you use `font-variant` in CSS, following the

[CSS Fonts](https://www.w3.org/TR/css-fonts-3/#font-variant-prop) specification.

## Installation

```console

$ npm install postcss-font-variant

```

## Usage

```js

// 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`:

```css

h2 {

  font-variant-caps: small-caps;

}

table {

  font-variant-numeric: lining-nums;

}

```

you will get:

```css

h2 {

  font-feature-settings: "smcp";

  font-variant-caps: small-caps;

}

table {

  font-feature-settings: "lnum";

  font-variant-numeric: lining-nums;

}

```

Checkout [tests](test) 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](CHANGELOG.md)

## [License](LICENSE)