 |
الملخص | 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. لاحظ أن أسماء الخطوط حساسة لحالة الأحرف! |
| 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 | قابل للاختيار في تفضيلات واجهة كل مستخدم |
مستضاف من قبلنا؟ تتوفر مكونات السمات للاستخدام على خططنا القياسية والأعمال والمؤسسات.