xfl

XL-Fontload

الشبكات الخط الصينية. قطع الخط وفقًا لكلمة تردد وأداء التحميل كسول عبر الواجهة الأمامية. لا يلزم دعم برنامج الواجهة الخلفية.

• ملف توريد الكلمات (word-prequency.csv) ملف التوضيح المصدر: وزارة التعليم
• يسرد خطوط التحويل. الأماكن في الخطوط/ الدليل ، مع بنية غير تقليدية. يبحث تلقائيًا عن جميع المحفوظات .TTF.
• لكل خط:
  • قائمة جميع الشخصيات المدعومة
  • من بينها ، يتم استخدام خمسمائة حرف ، وعلامات علامات الترقيم ، والرسائل الإنجليزية ، والأرقام ، وما إلى ذلك كملف الخط الأول.
  • بعد ذلك ، إذا ظهرت الأحرف المتبقية في جدول ترددات Word ، فسيتم تشكيل ملف حرف وفقًا لكل مائة حرف من تردد الكلمة.
  • يتم تشكيل الأحرف المتبقية غير المرتبطة في ملف خط لكل مائة حرف.
  • يتم وضع جميع ملفات الخطوط في نفس الدليل ، ويتم فصل أسماء الملفات بالأرقام.
  • إخراج رمز كلمة مراسلة رقم ملف المراسلة للتحقق السريع من الواجهة الأمامية.

الاستخدام / المترجم

• يستخدم هذا المشروع nodejs. يرجى أولاً تثبيت Nodejs و NPM ، واستخدام تثبيت NPM لإنشاء دليل node_modules. الإرشادات المرجعية:

   curl -sL https://deb.nodesource.com/setup_8.x | sudo bash -
  npm install
  

• قم بتنظيم الخطوط التي تريد تحويلها إلى خطوط/ دليل ، مع بنية الدليل غير مقيدة. سيقوم البرنامج تلقائيًا بفحص جميع ملفات الخطوط.

  • حاليا ، يتم تناول TTF فقط ~ باردة.

• قم بإعداد ملف الخط

• تنفيذ المحول compile.sh

• ملف الخط هو الإخراج في الأصول/ الدليل.

الاستخدام / الواجهة الأمامية

طريقة الاستخدام الأساسية:

 xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
    font.sync(stringToDisplay);
})

أمثلة على خطوط التحميل ديناميكيًا بناءً على المحتوى الفوري:

 /* assume we have "textarea" variable to be an input box accepting user input */
xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
   textarea.addEventListener("keyup", function() {
     font.sync(textarea.value);
   });
})

إذا كنت لا تخطط للقيام بملف الخط الخاص بك ، فيمكنك استخدام مجموعة من ملفات الخطوط التي أعددناها من خلال صفحات GitHub. موقع مكتبة المشروع هنا. إذا كنت ترغب في استخدامه ، يمكنك استخدام هذا الموقع الإلكتروني: http://plotdb.github.io/xl-fontset/alpha/<font اسم> ، على سبيل المثال:

 xfl.load("http://plotdb.github.io/xl-fontset/alpha/瀨戶字体", function(font) { ...

يرجى تغيير "<font name>" إلى الخط الذي تريد استخدامه. يمكن العثور على قائمة بالخطوط المدعومة حاليًا هنا ، بما في ذلك خطوط Wang Hanzong 42 ، والمنحوتات الحجرية ، ومحطة Cool ، و Cwtext-Q ، و Seto Fonts ، وما إلى ذلك ، ما مجموعه 57 خطًا.

تجدر الإشارة إلى أنه لا تزال هناك بعض المشكلات عند تحويل الخطوط ، مما قد يؤدي إلى شخصيات مفقودة في بعض الخطوط. بالإضافة إلى ذلك ، لا تحتوي جميع الخطوط على أحرف صينية كاملة ، يرجى استخدامها وفقًا لتقديرك الخاص.

خيارات:

• fontname - الاسم المستخدم في أسرة الخط. الافتراضي ليكون الاسم الأساسي لعنوان URL.
• (TBD) النص - ملفات التحميل المسبقة التي تحتوي على نص في هذا الخيار.

الاتجاه المستقبلي

• تحسين النقل (التحسين)
  • مع الأخذ في الاعتبار ارتباط الشخصية ، يمكن إنشاء مساحة الأحرف من خلال Mochi و Corpus محددة ، وتجميع الشخصيات ذات الصلة كأساس لقطع الخط من خلال خوارزمية التجميع (مثل مجموعات Means) ، مما يقلل من عدد الملفات التي تحتاج إلى تحميل.
  • مزيد من تحسين حجم الملف.
  • قم بتوفير وحدات ملفات Nginx و Apache ، مما يسمح للمتصفحات بالحصول على الملفات اللازمة من خلال طلب HTTP واحد (على سبيل المثال ، احصل على https: // path/to/font/1+2+3+4)
• قضايا الجودة (الجودة)
  • يمكن استخدام جزء الكلمة المفقودة لإنشاء التعلم عبر الإنترنت باستخدام نمط الخصومة وملءه تلقائيًا.
  • يمكن أيضًا استخدام شبكة توليد العدوانية المذكورة أعلاه للمساعدة في توليد خطوط جديدة.
• آخر
  • اضبط المعلمة ، وعند إنشاء ملفات الخط ، يمكنك تخصيص مجموعة الخط وفقًا لاحتياجاتك عن طريق الإعداد.
• قامت Google Font بتنفيذ تقنيات مماثلة لتحميل الخطوط الصينية. يرى:
  • https://developers.google.com/web/fundamentals/performance/optimizing-content-fficivility/webfont-optimization
  • مثال CSS:
    • https://fonts.googleapis.com/css؟family=zhi-mang-xing&display=swap

رخصة

• ملفات الخطوط: يتم وضع جميع ملفات الخطوط المنسقة بشكل منفصل في ريبو آخر (XL-FONTSET) وإما أن تكون GPL أو SIL-OFL مرخصة. (موافق للاستخدام التجاري)
• يتم إصدار رموز المصدر بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.