vuepress-plugin-fontmin

2.0.3 • Public • Published

vuepress-plugin-fontmin

一个 vuepress 的字体子集化插件

A minify font plugin for vuepress

Description

本插件封装了 Fontmin,使其经过简单配置就可轻松用于 vuepress 网站,大幅缩减字体库大小,加快网页载入速度。

Fontmin 是一个纯 JavaScript 实现的字体子集化方案。

其提供了 ttf 子集化,eot/woff/svg 格式转换,css 生成等功能,助推 webfont 发展,提升网页文字体验。

Quick Start

  • Install with npm:

npm install vuepress-plugin-fontmin

  • Install with Yarn:

yarn add vuepress-plugin-fontmin

Add to .vuepress/config.js

module.exports = {
    plugins: [
        //...
        [
            "fontmin",
            [ //注意这里可以是 object 或者 array ,
              //这意味着你可以创建多个字体集以及其选择器.
                {
                    selector: "#main-title,.site-name.can-hide",
                    src: "path/to/yourFont.ttf",
                    text: "你想更改字体的文字,允许重复,不会占位",
                }, {
                    selector: "OR OTHER SELECTORS",
                    src: "path/to/yourAnotherFont.ttf",
                    text: "也可以require(到另一个js文件),并写在其中",
                },
            ],
        ],
        //...
    ],
};

enjoy:)

Package Sidebar

Install

npm i vuepress-plugin-fontmin

Weekly Downloads

3

Version

2.0.3

License

MIT

Unpacked Size

4.48 kB

Total Files

4

Last publish

Collaborators

  • moecopilot