svgtofont 字体生成器开源项目

我要开发同款
小弟调调2018年09月17日
40阅读
开发技术JavaScript
所属分类程序开发、其他开发相关
授权协议MIT

作品详情

读取一组SVG图标并从SVG图标输出 TTF/EOT/WOFF/WOFF2/SVG 字体,字体生成器。

特征:

支持的字体格式:WOFF2,WOFF,EOT,TTF和SVG。

允许使用自定义模板(例如css,less等)。

自动生成预览网站。

由svgtofont创建的图标字体

file-icons 文件树中的文件图标。

uiw-iconfont @uiw-react组件库的图标字体。

安装npm i svgtofont使用const svgtofont = require("svgtofont"); svgtofont({  src: path.resolve(process.cwd(), "icon"), // svg path  dist: path.resolve(process.cwd(), "fonts"), // output path  fontName: "svgtofont", // font name  css: true, // Create CSS files.}).then(() => {  console.log('done!');});

更多参数设置

const svgtofont = require("svgtofont");const path = require("path");svgtofont({  src: path.resolve(process.cwd(), "icon"), // svg path  dist: path.resolve(process.cwd(), "fonts"), // output path  fontName: "svgtofont", // font name  css: true, // Create CSS files.  startNumber: 20000, // unicode start number  svgicons2svgfont: {    fontHeight: 1000,    normalize: true  },  // website = null, no demo html files  website: {    title: "svgtofont",    // Must be a .svg format image.    logo: path.resolve(process.cwd(), "svg", "git.svg"),    version: pkg.version,    meta: {      description: "Converts SVG fonts to TTF/EOT/WOFF/WOFF2/SVG format.",      keywords: "svgtofont,TTF,EOT,WOFF,WOFF2,SVG"    },    description: ``,    links: [      {        title: "GitHub",        url: "https://github.com/jaywcjlove/svgtofont"      },      {        title: "Feedback",        url: "https://github.com/jaywcjlove/svgtofont/issues"      },      {        title: "Font Class",        url: "index.html"      },      {        title: "Unicode",        url: "unicode.html"      }    ],    footerInfo: `Licensed under MIT. (Yes it's free and open-sourced`  }}).then(() => {  console.log('done!');});;APIconst { createSVG, createTTF, createEOT, createWOFF, createWOFF2 } = require("svgtofont/src/utils");const options = { ... };createSVG(options) // SVG => SVG Font  .then(UnicodeObjChar => createTTF(options)) // SVG Font => TTF  .then(() => createEOT(options)) // TTF => EOT  .then(() => createWOFF(options)) // TTF => WOFF  .then(() => createWOFF2(options)) // TTF => WOFF2
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论