madeyourday/svg-icon-font-generator

该包最新版本（v0.1.3）没有提供许可证信息。

从一组SVG文件创建SVG字体，反之亦然。字形映射基于文件名，这使得更新和扩展变得简单快捷。

维护者

详细信息

github.com/madeyourday/SVG-Icon-Font-Generator

主页

源代码

问题

安装: 155

依赖项: 0

建议者: 0

安全: 0

星标: 104

关注者: 10

分支: 24

公开问题: 0

v0.1.3 2013-10-15 09:58 UTC

Requires

Unknown License ea8051d85f703e5a1662bba3fb0d023420507307

This package is auto-updated.

Last update: 2024-08-29 04:25:20 UTC

README

从一组SVG文件创建SVG字体，反之亦然。
字形映射基于文件名，这使得更新和扩展变得简单快捷。

安装

您可以使用以下命令自行创建svg-icon-font-generator.phar（需要已安装composer.phar）：

git clone https://github.com/madeyourday/SVG-Icon-Font-Generator.git
cd SVG-Icon-Font-Generator
php composer.phar install
php build.php

或者在这里下载最新版本： https://github.com/madeyourday/SVG-Icon-Font-Generator/releases

系统需求

  • PHP 5.3或更高版本
  • PHP mbstrings需要启用
  • phar.readonly必须关闭。

使用方法

从一组SVG文件创建SVG字体

php svg-icon-font-generator.phar create-font /path/to/svg/files your-font.svg --rename-files

文件命名应如下所示

  • arrow-up-x2191.svg 如果可能，使用正确的Unicode符号
  • magnifying-glass-xe001.svg 否则，使用Unicode "私有使用区域"（从xe001开始，不要使用xe000）
  • key.svg 此文件将自动映射到Unicode "私有使用区域"符号，如果您使用--rename-files选项，则此文件将被重命名为类似key-xe002.svg的名称

上述列表生成了类名icon-arrow-up、icon-magnifying-glass和icon-key。

您可以使用此SVG模板创建新图标： https://github.com/downloads/madeyourday/SVG-Icon-Font-Generator/icon-template.svg

一些SVG文件的示例集可以在这里找到： https://github.com/madeyourday/RockSolid-Icon-Font/tree/master/svg

从SVG字体创建一组SVG文件

php svg-icon-font-generator.phar create-files your-font.svg /path/to/svg/files

从SVG字体创建HTML信息页面

php svg-icon-font-generator.phar create-info your-font.svg your-font-info.html

从SVG字体创建带有图标类的CSS文件

php svg-icon-font-generator.phar create-css your-font.svg your-icons.css

图标类名称基于SVG文件中指定的glyph-name。