谷歌字体 Webpack 插件
与Webpack相兼容 QQ 4.14.0 和 5.0.0
下载 Google 字体到使用 Webpack 构建文件夹 google-webfonts-帮助器 或使用 CDN 与 html-webpack-插件。 。 。 .
安装
npm install @beyonk/google-fonts-webpack-plugin
使用量
/webpack.config.js
const GoogleFontsPlugin = require("@beyonk/google-fonts-webpack-plugin")
module.exports = {
"entry": "index.js",
/* ... */
plugins: [
new GoogleFontsPlugin({
fonts: [
{ family: "Source Sans Pro" },
{ family: "Roboto", variants: [ "400", "700italic" ], display: "block" }
]
/* ...options */
})
]
}
选项
new GoogleFontsPlugin(options: Object)
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 字体 | FontObject[] | - 说吧 | 生成的配置 Fontello.com (英语)。 。 。 . |
| 名称 | String | "fonts" | 模块名称. |
| 文件名 | String | "fonts.css" | Css文件名称. |
| 路径 | String | "font/" | 字体目录的相对路径 。 如果路径是 undefined 字体不下载,cs文件与谷歌主机字体文件生成. |
| 当地 | Boolean | true | 是否使用google-webfonts-helper API,还是仅仅链接到Google Fonts hosted css. 如果设置此选项为虚假, 此插件只是将 cs url 添加到 html-webpack- plugin (如果存在) 中 . |
| 无本地目录 | Boolean | false | 是否预付 local(FontName) cSS 文件中字体文件前的表达式( E)见 MDN) (中文(简体) ). |
| 格式 | Array | [ "eot", "woff", "woff2", "ttf", "svg" ] | 要下载的字体格式 . |
| 阿皮尔 | String | "https://google-webfonts-helper.herokuapp.com/api/fonts" | google-webfonts-helper API url. 互联网档案馆的存檔,存档日期2013-12-22. |
字体对象
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 家属 | String | - 说吧 | 字体出家人来. |
| 变体 | Array | - 说吧 | 根据google-webfonts-helper(例如: [ "italic", "500", "700italic" ]) (中文(简体) ). |
| 子集 | Array | - 说吧 | 根据google-webfonts-helper(例如: [ "latin", "greek" ]) (中文(简体) ). |
| 格式 | Array | - 说吧 | 要下载的字体格式 。 默认为 options.formats。 。 。 . |
| 显示 | String | "扫地" | 字体显示 |