svgs2fonts

svgs2fonts

SVG icono a la biblioteca de iconos de fuentes (SVGS -> SVG, TTF, EOT, Woff, Woff2). Readme inglés

Versión

2.0.3

Instalar

1. Instalación global (herramienta de andamio)

npm i -g svgs2fonts

verificar

svgs2fonts -v

2. Instalación de dependencia del módulo

npm i --save svgs2fonts

usar

Método 1 - Introducción del módulo (compatibilidad con los tipos mecanografiados)

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

Svgs2fonts . init ( options ) ;

Donde los parámetros de opciones:

Campos	tipo	valor predeterminado	describir
SRC	string	-	Ruta de directorio del archivo de icono SVG
distrito	string	./dist	Ruta de salida del icono de fuente
nombre	string	iconfont	Nombre de icono/fuente de salida
unicodestart	number	10000	Número de inicio de Unicode (configuración Esto significa que debe evitar el rango de unicode normal) (el campo correspondiente antes de v2.0 es startNumber )
nodemo	boolean	true	¿Es necesario emitir el archivo de demostración HTML?
desmounicodehtml	string	demo_unicode.html	Ejemplo de nombre HTML del tipo unicode
demOfontClassHtml	string	demo_fontclass.html	Muestra de nombre HTML del tipo de FontClass

*V2 Campos abandonados:

• depurar ( v2.1.0废弃): ${Boolean} , si habilita el modo de depuración para obtener más información de ejecución, false predeterminado
• se acabó el tiempo ( v2.0废弃): {Number} , tiempo de espera de ejecución, predeterminado es 60s ( 60000 )
• maderero ( v2.0废弃): {Object} , registro.

manifestación

 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}

Donde los parámetros:

• srcpath: ruta de archivo de origen SVG (relativo al entorno de ventana actual), se pasa la ruta de ventana actual "";
• DISTPATH: Ruta de exportación, predeterminada a la ruta del archivo de origen;
• Opciones: Parámetros de configuración, consulte a continuación

ejemplo

svgs2fonts svg dist

Parámetros de configuración de opciones

-n / --name

El nombre de la biblioteca de iconos (predeterminado: "iconfont" ).

ejemplo

svgs2fonts svg dist -n myiconfont

--number

Unicode iniciar la codificación (predeterminado: 10000 ).

ejemplo

 svgs2fonts svg dist --number 50000

--nodemo

No demo HTML (predeterminado: false ).

ejemplo

 svgs2fonts svg dist --nodemo

ejemplo

 svgs2fonts svg dist

Construcción de proyectos

Dependencias de instalación:

 npm i

Construir:

 npm run build

Prueba única:

 npm run test

Prueba de demostración:

 npm run test:example

Autor

Micheal Wayne

Artículo guiado: "Investigación y conversión de SVG, TTF, Woff, Woff2 Icons (SVGS2Fonts)"

Tiempo de construcción

2018.08.26

Última modificación

• 2024.09.28: v2.1.0 Cambiar log y eliminar la depuración;
• 2023.12.16: v2.0.3 Agregue alguna mano defensiva;
• 2023.06.03: v2.0.2 Control de variables ópticas;
• 2022.11.03: v2.0.1 Split CSS y soporte de opciones de tamaño SVG;
• 2022.10.07: Error de código corregido;
• 2022.03.20: soporte V2 para TS;
• 2021.12.16: corrige el error IE8;