@csstools/postcss-font-format-keywords (1.0.1)

Published 2026-02-24 13:49:03 +00:00 by atheaadmin

Installation

@csstools:registry=
npm install @csstools/postcss-font-format-keywords@1.0.1
"@csstools/postcss-font-format-keywords": "1.0.1"

About this package

PostCSS Font Format PostCSS Logo

npm version CSS Standard Status Build Status Discord

PostCSS Font Format Keywords lets you specify font formats as keywords, following the CSS Fonts specification.

@font-face {
  src: url(file.woff2) format(woff2);
}

/* becomes */

@font-face {
  src: url(file.woff2) format("woff2");
}

See prior work by valtlai here postcss-font-format-keywords To ensure long term maintenance and to provide the needed features this plugin was recreated based on valtlai's work.

Usage

Add PostCSS Font Format Keywords to your project:

npm install postcss @csstools/postcss-font-format-keywords --save-dev

Use it as a PostCSS plugin:

const postcss = require('postcss');
const postcssFontFormatKeywords = require('@csstools/postcss-font-format-keywords');

postcss([
  postcssFontFormatKeywords(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

PostCSS Font Format Keywords runs in all Node environments, with special instructions for:

Node PostCSS CLI Webpack Create React App Gulp Grunt

Options

preserve

The preserve option determines whether the original source is preserved. By default, it is not preserved.

postcssFontFormatKeywords({ preserve: true })
@font-face {
  src: url(file.woff2) format(woff2);
}

/* becomes */

@font-face {
  src: url(file.woff2) format("woff2");
  src: url(file.woff2) format(woff2);
}

Dependencies

Dependencies

ID Version
postcss-value-parser ^4.2.0

Peer Dependencies

ID Version
postcss ^8.2

Keywords

css embedded-opentype font font-format-keywords format opentype postcss-plugin truetype woff woff2
Details
npm
2026-02-24 13:49:03 +00:00
0
Jonathan Neal
CC0-1.0
latest
5.2 KiB
Assets (1)
Versions (1) View all
1.0.1 2026-02-24