 |
ملخص | Google Fonts هو مكون سمة بسيط يسمح لك بإضافة خط من Google Fonts دون الحاجة لكتابة أي كود CSS. |
 |
معاينة | معاينة على منشئ سمات Discourse |
 |
رابط المستودع | https://github.com/discourse/discourse-google-font-component |
 |
جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
الميزات
يتيح لك هذا المكون تعيين خط الموقع الرئيسي، واختيار خطوط منفصلة للعناوين والنصوص ذات المسافات الأحادية (كتل الأكواد) بشكل اختياري. يمكنك أيضًا اختيار وزن الخط في كل حالة، وزيادة حجم الخط.
في الخلفية، يقوم هذا المكون بإعداد جزء بسيط من CSS إلى جانب <link> الخاص بخطوط Google. لاحظ أن هذا يعتمد على Google لتقديم ملفات الخطوط من https://fonts.googleapis.com/.
الإعدادات
| الاسم | الوصف |
|---|---|
| fonts | أضف اسم الخط (الأسماء) الذي تريد استخدامه من fonts.google.com. لاحظ أن أسماء الخطوط حساسة لحالة الأحرف (CaSe SeNsiTivE)! |
| body font | الخط الرئيسي المستخدم في جميع أنحاء Discourse، ويجب تضمينه في إعداد “fonts” أعلاه |
| body font weight | سمك الخط في النطاق من 100 إلى 900. 400 هو عادي، و700 هو عريض |
| headline font | خط اختياري للعناوين، ويجب تضمينه في إعداد “fonts” أعلاه |
| headline font weight | سمك الخط في النطاق من 100 إلى 900. 400 هو عادي، و700 هو عريض |
| monospaced font | خط اختياري لكتل الأكواد، ويجب تضمينه في إعداد “fonts” أعلاه. |
| monospaced font weight | سمك الخط في النطاق من 100 إلى 900. 400 هو عادي، و700 هو عريض |
| normal font size | حجم الخط الافتراضي لجميع المستخدمين، وسيؤدي تعديل هذا إلى تغيير جميع أحجام الخطوط بشكل متناسب |
| smaller font size | قابل للاختيار في تفضيلات واجهة المستخدم لكل مستخدم |
| larger font size | قابل للاختيار في تفضيلات واجهة المستخدم لكل مستخدم |
| largest font size | قابل للاختيار في تفضيلات واجهة المستخدم لكل مستخدم |
مستضاف لدينا؟ تتوفر مكونات السمات للاستخدام في خططنا القياسية والتجارية والمؤسسية.