أدوات المطورين

خط · CSS · إنشاء

خط · CSS · إنشاء. مدخلات: اسم, URL, الوضع, الوزن. أدخل القيم وشغّل. جرّب المثال لتتعرف على التنسيق ثم انسخ النتيجة أو احفظها.

دون حساب

جارٍ تحميل الأداة…

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

  1. 1مدخلات: اسم, URL, الوضع, الوزن.
  2. 2شغّل الأداة وراجع النتيجة.
  3. 3انسخ النتيجة أو غيّر المدخلات للمقارنة.

معلومات مفيدة

راجع تنسيق المثال أولًا. احتفظ بالأصل منفصلًا وافحص القيم والمسافات والأسطر المحوّلة قبل استخدام النتيجة.

قد تعالج الإعلانات بيانات الاتصال. يتبع التخصيص خيارات خصوصيتك. الخصوصية (الإنجليزية)

مثال محسوب للمدخلات والمخرجات

هذه نتائج المحرك الفعلي بالقيم التجريبية أدناه، دون مدخلاتك الشخصية أو عملك المحفوظ. حمّل المثال في الأداة لمراجعة المدخلات نفسها.

مدخل تجريبي

الحقلالقيمة
اسم
My Font
URL
/fonts/font.woff2
الوضع
WOFF2
الوزن
400

نتيجة المثال

@font-face {
  font-family: "My Font";
  src: url("/fonts/font.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
شروط الإدخال

هذه حدود التحقق الفعلية، ولا تضمن أن كل قيمة مقبولة واقعية أو مناسبة لحالتك.

  • الوضع: الخيارات المتاحة: WOFF2 / WOFF
  • الوزن: النطاق المقبول: 1 ≤ x ≤ 1,000 · أعداد صحيحة فقط

أدوات ذات صلة

كل الأدوات