README
This PostCSS plugin 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");
}
Usage
Node.js
Install the npm package:
npm install postcss-font-format-keywords
Then import or require it:
import postcss from "postcss";
import formatKeywords from "postcss-font-format-keywords";
// OR
const postcss = require("postcss");
const formatKeywords = require("postcss-font-format-keywords");
await postcss([formatKeywords]).process(YOUR_CSS);
Deno
Import the module from deno.land/x:
import postcss from "https://deno.land/x/postcss@8.3.0/mod.js";
import formatKeywords from "https://deno.land/x/postcss_font_format_keywords@3.0.1/mod.js";
await postcss([formatKeywords]).process(YOUR_CSS);
Options
singleQuote
Double quotes are used by default.
To output single quotes instead, set singleQuote
to true
:
await postcss([
formatKeywords({ singleQuote: true })
]).process(YOUR_CSS);
Example output:
@font-face {
src: url(file.woff2) format('woff2');
}