خطوط Google

[Discourse]

	ملخص	Google Fonts هو مكون سمة بسيط يسمح لك بإضافة خط من Google Fonts دون الحاجة لكتابة أي كود CSS.
	معاينة	معاينة على منشئ سمات Discourse
	رابط المستودع	https://github.com/discourse/discourse-google-font-component
	جديد في سمات Discourse؟	دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

بما أن هذا مكون سمة #رسمي يتم صيانته من قبل فريق Discourse، فيمكن تقديم طلبات #الدعم، و#الإبلاغ_عن_خلل، و#تجربة_المستخدم، و#الميزات في الفئات المقابلة هنا على Meta، مع وضع العلامة المناسبة لمكون السمة. انقر على أحد الروابط أدناه لبدء واحد.

 الدعم  إبلاغ عن خلل  تجربة المستخدم  ميزة

الميزات

يتيح لك هذا المكون تعيين خط الموقع الرئيسي، واختيار خطوط منفصلة للعناوين والنصوص ذات المسافات الأحادية (كتل الأكواد) بشكل اختياري. يمكنك أيضًا اختيار وزن الخط في كل حالة، وزيادة حجم الخط.

في الخلفية، يقوم هذا المكون بإعداد جزء بسيط من 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	قابل للاختيار في تفضيلات واجهة المستخدم لكل مستخدم

مستضاف لدينا؟ تتوفر مكونات السمات للاستخدام في خططنا القياسية والتجارية والمؤسسية.

[Heliosurge (Dan DeMontmorency)]

This Fantastic! Can this be installed Multiple Times to link to different themes by changing it’s Name in Advanced install?

[jomaxro (Joshua Rosenfeld)]

I don’t see why not. We’ve installed the same theme twice, for example here on Meta to have both a light and dark version.

[Heliosurge (Dan DeMontmorency)]

Thanks. Forgot you can rename it to identify/link it to other themes.

[Bank_Live]

Thank you. I love it.

[PaulinaMX (ForosMX)]

Thanks I really love it.

[MarcP]

لقد اكتشفت للتو أن هذه المكونة لا تعمل مع صفحات /pub/ (المنشورة). الخطوط لا يتم تحميلها في هذه الصفحات مما يؤدي إلى خط افتراضي يشبه Times New Roman.

[slambert (Steve Lambert)]

أرى أيضًا الخطوط الافتراضية، ولكن في صفحة تنشيط الحساب على الرابط التالي:

https://yoursite.org/u/activate-account/...

[Canapin (Coin-coin le Canapin)]

لقد حاولت وهذا بالفعل مشكلة.

تحاول الصفحة المنشورة تحميل خط جوجل من خلال مكون السمة:

ملف الخط لا يتم تحميله على الصفحة المنشورة، ولا يعود إلى متغير عائلة الخط `Arial, sans-serif ويستخدم Times New Roman بدلاً من ذلك.

قد يكون هناك مجال للتحسين هنا طالما يمكن للصفحات المنشورة الوصول إلى التعديلات المطلوبة.

[MarcP]

بصراحة، منذ هذا الاكتشاف، أقوم بتعريف الخطوط الخاصة بي في CSS مخصص. يعمل بشكل رائع.

[hoangphuctran93 (Hoàng Phúc Trần)]

هذا رائع، شكراً لك ولفريقك على تطوير ميزة مريحة للغاية ^^. سأوصي بها للأشخاص الذين أعرفهم والذين يستخدمون ديسكورس لبناء مجتمعات المستخدمين.

[slambert (Steve Lambert)]

تقرير خطأ سريع: لاحظت للتو أنه عندما أقوم بتعيين وزن الخط، فإن النص الغامق لا يظهر كغامق.

لقد اختبرت هذا باستخدام خطوط Work Sans و Zilla Slab. قمت بتغيير وزن الخط من الافتراضي (400) إلى 300. عندما فعلت ذلك، لم يظهر النص الغامق كغامق. قمت بإعادة تعيين هذا الإعداد وعاد النص الغامق للظهور.

لقد قمت بتعيينه على 400 وانتهيت من ذلك، لكنني أردت إخبارك.

شكراً لعملك على هذا!

[hazenbiz (Hazen Ellwood)]

هل هناك طريقة للتعمق قليلاً في التفاصيل؟ يأتي خط “العنوان” بوزن 900 افتراضيًا مع العناوين داخل المواضيع. سيكون من الرائع تعيين القيم الافتراضية لكل من كائنات Markdown هذه.

[Shauny (Shaun Robinson)]

يبدو أن هناك خطأ في هذا، على الأقل في منتدى الخاص بي، إذا أضفت الخط “Inter” مع هذا المكون فسيحدث ما يلي:

• ابدأ في تحرير أو إنشاء رسالة
• قم بالتبديل إلى تطبيق آخر أثناء فتح نافذة الإنشاء
• عد، وسيكون التكبير/التصغير خاطئًا تمامًا، كما لو كان مكبرًا جدًا
• ستكون هناك أيضًا أخطاء مع الدردشة والتمرير الآن

لست متأكدًا مما إذا كان يحدث مع خطوط أخرى، ولكنه يحدث بنسبة 100% من الوقت إذا أضفت هذا المكون إلى أي سمة.

هل هذا خطأ معروف؟ هل هناك حل؟

شكرًا

[awesomerobot (Kris)]

لدينا Inter مدمجة بالفعل إذا كنت تريد تغيير خط الأساس وخط العنوان ضمن إعدادات الموقع ؛لا حاجة لمكون

[WorldIsMine (DaveK)]

أي إصدار من Discourse؟ أنا على الإصدار المستقر 3.3 ولا أرى Inter. أواجه نفس المشاكل التي يواجهها بعض المستخدمين هنا مع هذه المكونات.

أنا على الإصدار 3.3 وأريد استخدام Inter. بينما يتم تحميل الخط، فإن النص العريض ليس عريضًا.

[awesomerobot (Kris)]

ستحتاج إلى التحديث إلى الإصدار 3.4 لخيار “Inter” المدمج

[awesomerobot (Kris)]

لقد قمت للتو بدمج إعادة هيكلة لهذا المكون والتي تتماشى بشكل أفضل مع تحديثات Google Font — يجب أن يؤدي هذا إلى حل بعض المشكلات التي كان يواجهها الأشخاص مع عدم ظهور أوزان مختلفة.

لاحظ أن تنسيق الإعداد قد تغير قليلاً بحيث لم يعد من الممكن تضمين الأوزان في إعداد اسم الخط مثل Roboto:300,300i,500، ويجب تحديث هذا إلى Roboto بسيط… ولكن يجب أن يتم الترحيل تلقائيًا عند التحديث.