postcss-font-format-keywords

Specify font formats as keywords in CSS

Usage no npm install needed!

<script type="module">
  import postcssFontFormatKeywords from 'https://cdn.skypack.dev/postcss-font-format-keywords';
</script>

README

PostCSS Font Format Keywords PostCSS

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');
}