svgs2fonts

svgs2fonts

SVGアイコンからフォントアイコンライブラリ（SVGS-> SVG、TTF、EOT、WOFF、WOFF2）。英語のreadme

バージョン

2.0.3

インストール

1。グローバルインストール（足場ツール）

npm i -g svgs2fonts

確認する

svgs2fonts -v

2。モジュール依存性のインストール

npm i --save svgs2fonts

使用

方法1 —モジュールの紹介（サポートタイプスクリプト）

 import Svgs2fonts from 'svgs2fonts' ;
// or
// const Svgs2fonts = require('svgs2fonts');

Svgs2fonts . init ( options ) ;

オプションパラメーター：

フィールド	タイプ	デフォルト値	説明する
SRC	string	-	SVGアイコンファイルのディレクトリパス
区別	string	./dist	フォントアイコン出力パス
fontname	string	iconfont	出力アイコン/フォント名
Unicodestart	number	10000	Unicode Start Number（設定これは、通常のUnicode範囲を回避する必要があることを意味します）（ v2.0の前の対応するフィールドはstartNumberです）
ノデモ	boolean	true	HTMLデモファイルを出力する必要がありますか？
Demounicodehtml	string	demo_unicode.html	ユニコードタイプのHTML名の例
demofontclasshtml	string	demo_fontclass.html	FontClassタイプのHTML名のサンプル

*V2放棄されたフィールド：

• デバッグ（ v2.1.0废弃）： ${Boolean} 、デバッグモードがより多くの実行情報を出力するかどうか、デフォルトのfalse
• タイムアウト（ v2.0废弃）： {Number} 、実行タイムアウト、デフォルトは60年代（ 60000 ）です
• ロガー（ v2.0废弃）： {Object} 、ロギング。

デモ

 import Svgs2fonts from 'svgs2fonts' ;
import { join } from 'path' ;

Svgs2fonts . init ( {
  src : __dirname , // svg path
  dist : join ( __dirname , 'dest' ) , // output path
  fontName : 'myIconfont' , // font name
  noDemo : true , // no demo html files
} )
  . then ( ( ) => console . log ( 'task success!' ) )
  . catch ( err => console . log ( `task failed( ${ err } )` ) ) ;

方法2—コンドール

svgs2fonts {srcpath} {distpath} {options}

ここでパラメーター：

• SRCPATH：SVGソースファイルパス（現在のウィンドウ環境に対する）、現在のウィンドウパスは渡されます "";
• Distpath：エクスポートパス、デフォルトのソースファイルパス。
• オプション：構成パラメーター、以下を参照してください

例

svgs2fonts svg dist

オプション構成パラメーター

-n / --name

アイコンライブラリの名前（デフォルト： "iconfont" ）。

例

svgs2fonts svg dist -n myiconfont

--number

Unicode開始エンコード（デフォルト： 10000 ）。

例

 svgs2fonts svg dist --number 50000

--nodemo

HTMLをデモしないでください（デフォルト： false ）。

例

 svgs2fonts svg dist --nodemo

例

 svgs2fonts svg dist

プロジェクトビルド

インストール依存関係：

 npm i

建てる：

 npm run build

シングルテスト：

 npm run test

デモテスト：

 npm run test:example

著者

マイケル・ウェイン

ガイド付き記事 - 「SVG、TTF、WOFF、WOFF2アイコン（SVGS2Fonts）の研究と変換」

ビルド時間

2018.08.26

最後に変更されました

• 2024.09.28： v2.1.0ログを変更してデバッグを削除します。
• 2023.12.16： v2.0.3防御的な手渡しを追加します。
• 2023.06.03： v2.0.2光学変数制御。
• 2022.11.03： v2.0.1 CSSとサポートSVGサイズオプションを分割します。
• 2022.10.07：コードバグ修正。
• 2022.03.20：TSのV2サポート。
• 2021.12.16：IE8バグを修正します。