الصفحة الرئيسية>موارد بناء الموقع>تحميل الخط
تنزيل

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 - مقدمة عرض (دعم typeScript) 

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

Svgs2fonts . init ( options ) ;

حيث معلمات الخيارات:

الحقول يكتب القيمة الافتراضية يصف
SRC string - مسار الدليل لملف أيقونة SVG
dist string ./dist مسار إخراج أيقونة الخط
fontname string iconfont أيقونة الإخراج/الخط
Unicodestart number 10000 رقم بدء Unicode (إعداد هذا يعني أنك تحتاج إلى تجنب نطاق Unicode العادي) ، (الحقل المقابل قبل v2.0 هو startNumber )
Nodemo boolean true هل من الضروري إخراج ملف التجريبي HTML؟
demounicodehtml string demo_unicode.html مثال HTML اسم نوع Unicode
demofontclasshtml string demo_fontclass.html عينة html اسم نوع fontclass

*V2 الحقول المهجورة:

  • تصحيح ( v2.1.0废弃): ${Boolean} ، سواء لتمكين وضع التصحيح لإخراج المزيد من معلومات التنفيذ ، false
  • نفذ الوقت ( v2.0废弃): {Number} ، مهلة التنفيذ ، الافتراضي هو الستينيات ( 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 بدء الترميز (افتراضي: 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 Icons (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 Size Options ؛
  • 2022.10.07: تم إصلاح علة الرمز ؛
  • 2022.03.20: دعم V2 لـ TS ؛
  • 2021.12.16: إصلاح IE8 خطأ ؛
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل