مولد خطوط الويب

@font-face مولد خطوط الويب

خطوط متغيرة، WOFF2 وCSS بضغطة واحدة

اسحب ملفات TTF، OTF، WOFF أو WOFF2 — بما في ذلك الخطوط المتغيرة — اختر الإعدادات، وحمّل حزمة جاهزة للاستضافة مع WOFF2، WOFF، ملف stylesheet.css كامل وصفحة عرض مباشرة.

اسحب الخطوط هنا أو انقر للتصفح

TTF، OTF، WOFF، WOFF2 وخطوط متغيرة — يمكن رفع عدة ملفات

100% على جهازك

التحويل يتم بالكامل في متصفحك باستخدام WebAssembly. خطوطك لا تُرفع أبداً.

خطوط متغيرة وكل الصيغ

TTF، OTF، WOFF وWOFF2 تدخل — WOFF2 محسّن يخرج، مع دعم كامل لمحاور الخط المتغير (wght، wdth، slnt، ital).

إخراج جاهز للإنتاج

يتم تسليم stylesheet.css مع font-display الصحيح، local() اختياري وصفحة demo.html لتتمكن من وضع الحزمة مباشرة في مشروعك.

ما هو مولد خطوط الويب؟

مولد خطوط الويب يحول ملفات الخطوط المكتبية أو المحملة (TTF، OTF، WOFF، WOFF2 — بما في ذلك الخطوط المتغيرة الحديثة) إلى صيغ يمكن للمتصفحات تحميلها عبر الإنترنت — أساساً WOFF2 اليوم، مع WOFF كخيار احتياطي — وينتج قواعد CSS @font-face مطابقة لتتمكن من استضافة الخطوط بنفسك على موقعك.

لماذا استضافة الخطوط ذاتياً؟

الاستضافة الذاتية تمنحك تحكم كامل في الأداء والخصوصية والموثوقية. لا يوجد طلب لطرف ثالث مثل Google Fonts (مفيد للائحة GDPR)، ولا بحث DNS إضافي، يمكنك تحميل الملف مسبقاً، وتحدد بالضبط أي أوزان وأنماط ومحاور يتم تضمينها في موقعك.

كيف يعمل التحويل

WOFF2 يغلف مخططات TTF/OTF في حاوية مضغوطة باستخدام Brotli مصممة خصيصاً للويب — عادةً أصغر بنسبة 30% من WOFF وأكثر من 50% من TTF الخام. WOFF هو غلاف مضغوط أقدم باستخدام zlib، يُستخدم كخيار احتياطي للمتصفحات القديمة جداً. مولدنا يستخدم محول WOFF2 الرسمي من جوجل مدمج في WebAssembly، لذا التحويل يتم محلياً في متصفحك. إذا وضعت WOFF2 محمل من Google Fonts سنفك ترميزه تلقائياً إلى sfnt ثم نعيد ترميزه — لن تحتاج للبحث عن TTF الأصلي.

ماذا تحصل في الحزمة

  • خطوط بصيغة WOFF2 (وأيضاً WOFF/TTF اختيارياً) لكل وجه مرفوع — بما في ذلك الخطوط المتغيرة كملف واحد صغير.
  • ملف stylesheet.css كامل مع قاعدة @font-face لكل ملف، تلميحات format() الصحيحة، نطاقات الوزن، النمط، التمدد، font-display وlocal() اختياري.
  • صفحة demo.html لتتمكن من معاينة كل وزن ونمط ومحور بأحجام متعددة قبل النشر.
  • تضمين Base64 اختياري لإرسال الخط ضمن CSS في حالات العمل دون اتصال أو ملف واحد.

الخصوصية والترخيص

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

الأسئلة الشائعة