https://github.com/swissgrc/postcss-remove-font-face-format

📦 PostCSS plugin to remove font faces formats
https://github.com/swissgrc/postcss-remove-font-face-format

font-face hacktoberfest plugin postcss

Last synced: 18 days ago
JSON representation

📦 PostCSS plugin to remove font faces formats

• Host: GitHub
• URL: https://github.com/swissgrc/postcss-remove-font-face-format
• Owner: swissgrc
• License: mit
• Created: 2022-02-25T07:11:06.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-24T16:28:39.000Z (22 days ago)
• Last Synced: 2024-10-25T06:52:15.530Z (22 days ago)
• Topics: font-face, hacktoberfest, plugin, postcss
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/postcss-remove-font-face-format
• Size: 247 KB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# postcss-remove-font-face-format

[PostCSS] plugin to remove font faces by format.

[PostCSS]: https://github.com/postcss/postcss

```css

.foo {

  /* Input example */

  @font-face {

    font-family: "Open Sans";

    src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),

         url("/fonts/OpenSans-Regular-webfont.woff") format("woff");

  }

}

```

```css

.foo {

  /* Output example */

  @font-face {

    font-family: "Open Sans";

    src: url("/fonts/OpenSans-Regular-webfont.woff") format("woff");

  }

}

```

## Usage

**Step 1:** Install plugin:

```sh

npm install --save-dev postcss postcss-remove-font-face-format

```

**Step 2:** Check you project for existed PostCSS config: `postcss.config.js`

in the project root, `"postcss"` section in `package.json`

or `postcss` in bundle config.

If you do not use PostCSS, add it according to [official docs]

and set this plugin in settings.

**Step 3:** Add the plugin to plugins list:

```diff

module.exports = {

  plugins: [

+   require('postcss-remove-font-face-format'),

    require('autoprefixer')

  ]

}

```

[official docs]: https://github.com/postcss/postcss#usage