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 - การแนะนำแบบโมดูล (support typescript)

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

Svgs2fonts . init ( options ) ;

โดยที่พารามิเตอร์ตัวเลือก:

ทุ่งนา	พิมพ์	ค่าเริ่มต้น	อธิบาย
SRC	string	-	เส้นทางไดเรกทอรีของไฟล์ไอคอน SVG
ระยะทาง	string	./dist	เส้นทางเอาต์พุตไอคอนแบบอักษร
ตัวอักษร	string	iconfont	ไอคอนเอาท์พุท/ชื่อตัวอักษร
unicodestart	number	10000	หมายเลขเริ่มต้น Unicode (การตั้งค่านี่หมายความว่าคุณต้องหลีกเลี่ยงช่วง Unicode ปกติ) (ฟิลด์ที่สอดคล้องกันก่อนที่ v2.0 จะ startNumber )
พยักหน้า	boolean	true	จำเป็นต้องส่งออกไฟล์ตัวอย่าง HTML หรือไม่?
demounicodehtml	string	demo_unicode.html	ตัวอย่าง HTML ชื่อประเภท Unicode
demofontclasshtml	string	demo_fontclass.html	ตัวอย่าง HTML ชื่อประเภท fontclass

*V2 Fields Fields:

• การดีบัก ( v2.1.0废弃): ${Boolean} ไม่ว่าจะเปิดใช้งานโหมดการดีบักเพื่อส่งออกข้อมูลการดำเนินการมากขึ้น, ค่าเริ่มต้นที่ false
• การหมดเวลา ( v2.0废弃): {Number} , หมดเวลาดำเนินการ, ค่าเริ่มต้นคือ 60s ( 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 Source (เทียบกับสภาพแวดล้อมหน้าต่างปัจจุบัน) เส้นทางหน้าต่างปัจจุบันจะถูกส่งผ่าน "";
• distpath: เส้นทางส่งออก, ค่าเริ่มต้นไปยังเส้นทางไฟล์ต้นฉบับ;
• ตัวเลือก: พารามิเตอร์การกำหนดค่าดูด้านล่าง

ตัวอย่าง

svgs2fonts svg dist

พารามิเตอร์การกำหนดค่าตัวเลือก

-n / --name

ชื่อของไลบรารีไอคอน (ค่าเริ่มต้น: "iconfont" )

ตัวอย่าง

svgs2fonts svg dist -n myiconfont

--number

Unicode Start encoding (ค่าเริ่มต้น: 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

ผู้เขียน

Micheal Wayne

บทความนำทาง-"การวิจัยและการแปลง 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: การสนับสนุน V2 สำหรับ TS;
• 2021.12.16: แก้ไขข้อผิดพลาด IE8;