A Rollup plugin that subsets fonts at build time based on source code (html, css, js/ts) contents. Suitable for static sites and applications where the character set is known at build time.
npm install rollup-plugin-font-subsetter --save-devcreate a rollup.config.js and import the plugin.
// rollup.config.js
import { fontSubsetter } from "rollup-plugin-font-subsetter";
export default defineConfig({
plugins: [
fontSubsetter(),
]
})The plugin subsets .woff2 font files for character set computed from .htm/.html, .css, .js files in resulting bundle. This plugin is using subset-font under the hood.
- Does not work with dynamic content since dynamic content includes characters that are not known at build time.
- May not work well with obfuscated code since it may not be able to extract all characters used in the code.