svgs2fonts

svgs2fonts

Icon SVG Biblioteca de ícone para fontes (SVGS -> SVG, TTF, EOT, WOFF, WOFF2). Readme inglês

Versão

2.0.3

Instalar

1. Instalação global (ferramenta de andaime)

npm i -g svgs2fonts

verificar

svgs2fonts -v

2. Instalação de dependência do módulo

npm i --save svgs2fonts

usar

Método 1 - Introdução ao Módulo (Suporte TypeScript)

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

Svgs2fonts . init ( options ) ;

Onde os parâmetros de opções:

Campos	tipo	valor padrão	descrever
src	string	-	Caminho de diretório do arquivo de ícone SVG
dist	string	./dist	Caminho de saída do ícone da fonte
Fontname	string	iconfont	Ícone de saída/nome da fonte
unicodestart	number	10000	Número de início do Unicode (definindo isso significa que você precisa evitar o intervalo de unicode normal) (o campo correspondente antes v2.0 ser startNumber )
nodemo	boolean	true	É necessário emitir o arquivo de demonstração HTML?
Demounicodehtml	string	demo_unicode.html	Exemplo de nome HTML do tipo Unicode
DemofontclassHtml	string	demo_fontclass.html	Amostra html nome do tipo fontclass

*V2 Campos abandonados:

• depurar ( v2.1.0废弃): ${Boolean} , seja para ativar o modo de depuração para produzir mais informações de execução, padrão false
• tempo esgotado ( v2.0废弃): {Number} , tempo limite de execução, padrão é 60s ( 60000 )
• Logger ( v2.0废弃): {Object} , log.

demonstração

 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 } )` ) ) ;

Método 2 - Console

svgs2fonts {srcpath} {distpath} {options}

Onde parâmetros:

• SRCPath: Caminho do arquivo de origem SVG (em relação ao ambiente atual da janela), o caminho da janela atual é passado "";
• Distpath: Caminho de exportação, padrão para o caminho do arquivo de origem;
• Opções: parâmetros de configuração, veja abaixo

exemplo

svgs2fonts svg dist

Parâmetros de configuração de opções

-n / --name

O nome da biblioteca do ícone (padrão: "iconfont" ).

exemplo

svgs2fonts svg dist -n myiconfont

--number

Unicode Iniciar a codificação (padrão: 10000 ).

exemplo

 svgs2fonts svg dist --number 50000

--nodemo

Não demo html (padrão: false ).

exemplo

 svgs2fonts svg dist --nodemo

exemplo

 svgs2fonts svg dist

Construção do projeto

Dependências de instalação:

 npm i

Construir:

 npm run build

Teste único:

 npm run test

Teste de demonstração:

 npm run test:example

Autor

Micheal Wayne

Artigo guiado- "Pesquisa e conversão de ícones SVG, TTF, WOFF, WOFF2 (SVGS2FONTS)"

Construir tempo

2018.08.26

Último modificado

• 2024.09.28: v2.1.0 Alterar log e remover a depuração;
• 2023.12.16: v2.0.3 Adicione alguma entrega defensiva;
• 2023.06.03: v2.0.2 Controle de variável óptica;
• 2022.11.03: v2.0.1 dividido CSS e suportar opções de tamanho SVG;
• 2022.10.07: bug de código corrigido;
• 2022.03.20: V2 Suporte para TS;
• 2021.12.16: corrige o bug ie8;