أقوم بتخصيص سمة (Theme) موقع Discourse الخاص بي وأريد تحديث الخط الافتراضي (للنصوص والعناوين) إلى شيء أكثر تميزاً يتماشى مع هوية مجتمعنا. أعلم أن Discourse يتيح ضبط الخطوط عبر لوحة الإدارة (Admin > Customize > Themes/Colors)، بالإضافة إلى خيار إضافة خطوط الويب المخصصة عبر CSS.
هناك بعض النقاط التي أود الحصول على آرائكم بشأنها:
هل تفضلون استخدام خطوط Google Fonts، أو الخطوط المستضافة ذاتياً، أو خيارات الخطوط المدمجة في Discourse؟
هل توجد أي مخاوف تتعلق بالأداء (سرعة تحميل الصفحة) عند إضافة خطوط ويب مخصصة؟
هل توجد أفضل ممارسات لإمكانية الوصول (Accessibility) يجب مراعاتها عند اختيار الخطوط لضمان سهولة القراءة؟
سأكون ممتناً لأي نصائح، أو توصيات لمكونات السمات، أو تجاربكم في تخصيص الخطوط على نسخة Discourse الخاصة بكم!
رأي الشخصي هو: تجنب استخدام الخطوط التي تشبه خطوط أحجام الأحرف الثابتة (مثل JetBrains Mono) لأنها يصعب قراءتها، ما لم تكن مجتمعك مكونًا من مطورين محترفين . لكن بجدية، كنت جزءًا من مجتمع يستخدم هذا الخط، ولم يكن الأمر سهلاً (بالإضافة إلى أن الحروف كانت متباعدة أكثر مما أفضله).
يُعد الاستضافة الذاتية دائمًا خيارًا رائعًا لأنه يمكنك إزالة الاعتماد على أصل خارجي، مما يعني طلب شبكة أقل. يمكنك تنزيل خطوط Google واستضافتها بنفسك، وتُستمد خيارات الخطوط المدمجة في Discourse أيضًا من Google ولا تعتمد على خوادمها.
كما ذُكر، فإن تقديم الخطوط من موقعك مباشرةً هو الأفضل للأداء (على الرغم من أن الخطوط عادةً ما تكون صغيرة، لذا فهي ليست مصدر قلق كبير). حاول عدم تضمين المزيد من المتغيرات والأنماط مما تحتاجه، وعادةً ما يكون خطان مختلفان بأوزان عادية وخط عريض كافيين.
راقب بشكل أساسي الخطوط التي تبدو خفيفة جدًا، وإذا كان موقعك يحتوي على وضع داكن، فتأكد من قابليته للقراءة أيضًا… أحيانًا يمكن أن تحدث مخطط الألوان فرقًا كبيرًا. حاول التكبير/التصغير في متصفحك وتغيير حجم الخط في تفضيلات المستخدم للتأكد من عدم حدوث أي شيء غير متوقع.
. لكن بجدية، كنت جزءًا من مجتمع يستخدم هذا الخط، ولم يكن الأمر سهلاً (بالإضافة إلى أن الحروف كانت متباعدة أكثر مما أفضله).