يتيح لك هذا المكون تعيين الخط الرئيسي للموقع، واختيار خطوط منفصلة للعناوين والنصوص أحادية المسافة (كتل الكود) بشكل اختياري. يمكنك أيضًا اختيار وزن الخط في كل حالة، وزيادة حجم الخط.
من الخلف، يقوم هذا بإعداد قليل من 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
قابل للاختيار في تفضيلات واجهة كل مستخدم
مستضاف من قبلنا؟ تتوفر مكونات السمات للاستخدام على خططنا القياسية والأعمال والمؤسسات.
تقرير خطأ سريع: لاحظت للتو أنه عندما أقوم بتعيين وزن الخط، فإن النص الغامق لا يظهر كغامق.
لقد اختبرت هذا باستخدام خطوط Work Sans و Zilla Slab. قمت بتغيير وزن الخط من الافتراضي (400) إلى 300. عندما فعلت ذلك، لم يظهر النص الغامق كغامق. قمت بإعادة تعيين هذا الإعداد وعاد النص الغامق للظهور.
لقد قمت بتعيينه على 400 وانتهيت من ذلك، لكنني أردت إخبارك.
هل هناك طريقة للتعمق قليلاً في التفاصيل؟ يأتي خط “العنوان” بوزن 900 افتراضيًا مع العناوين داخل المواضيع. سيكون من الرائع تعيين القيم الافتراضية لكل من كائنات Markdown هذه.
لقد قمت للتو بدمج إعادة هيكلة لهذا المكون والتي تتماشى بشكل أفضل مع تحديثات Google Font — يجب أن يؤدي هذا إلى حل بعض المشكلات التي كان يواجهها الأشخاص مع عدم ظهور أوزان مختلفة.
لاحظ أن تنسيق الإعداد قد تغير قليلاً بحيث لم يعد من الممكن تضمين الأوزان في إعداد اسم الخط مثل Roboto:300,300i,500، ويجب تحديث هذا إلى Roboto بسيط… ولكن يجب أن يتم الترحيل تلقائيًا عند التحديث.