مختبر الخطوط المتغيرة
اختبر الخطوط المتغيرة بأشرطة تمرير محاور تفاعلية — Google Fonts أو ارفع خطك الخاص
حول مختبر الخطوط المتغيرة
اختبر الخطوط المتغيرة بأشرطة تمرير محاور تفاعلية — اختر من Google Fonts أو ارفع خطك الخاص، كل شيء في المتصفح.
كيفية استخدام مختبر الخطوط المتغيرة
- 1اختر خطاً متغيراً من قائمة Google Fonts المنسدلة أو ارفع خطك الخاص (.ttf أو .otf أو .woff2).
- 2اضبط إعدادات الطباعة: حجم الخط وارتفاع السطر وتباعد الأحرف وألوان النص والخلفية.
- 3استخدم أشرطة تمرير محاور التباين (السمك والعرض والميل وغيرها) لاستكشاف النطاق الكامل للخط.
- 4اعرض النتيجة بنص المعاينة القابل للتعديل.
- 5انسخ مخرجات CSS بما في ذلك font-variation-settings لاستخدامها في مشروعك.
نصائح
- الخطوط المتغيرة تستبدل ملفات خطوط ثابتة متعددة بملف واحد — مما يقلل طلبات HTTP وحجم الملف الإجمالي.
- ليست كل المحاور متساوية: السمك (wght) هو الأكثر شيوعاً، لكن تحقق من العرض (wdth) والحجم البصري (opsz) والمحاور المخصصة.
- استخدم font-variation-settings في انتقالات CSS لتأثيرات طباعية متحركة سلسة.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4