I’ve been asked by one of our users to increase the text size of our instance. Fortunately, this is easy to do for her personally using the interface settings (see https://meta.discourse.org/my/preferences/interface).
She tells me that other sites and apps have the ability to do this automatically if the device has a large font selected.
Discourse used to have dark mode being user-selectable only but this has changed in the last year to be automated (if configured correctly). It would be brilliant to have the same dynamic for text size. Indeed, this is far more important, as visually impaired folk will struggle to find the setting with the text being small.
إذا قمت بضبط حجم الخط في متصفح الويب الخاص بك، فيجب أن يتكيف Discourse مثل أي موقع ويب آخر… ولكن يبدو أنه إذا قمت بضبط حجم الخط في نظام التشغيل في نظام iOS، فإنه يؤثر فقط على أحجام التطبيقات وليس بالضرورة على أحجام خطوط مواقع الويب.
إذا استخدمنا font: -apple-system-body; يمكننا أيضًا التكيف مع النظام (تسمي Apple هذا النوع الديناميكي). أعتقد أن نظام Android يقوم بذلك تلقائيًا، ولا يحتاج إلى أي تغييرات… ولكن سأتحقق مرة أخرى.
هذه هي طريقة Apple iOS Safari لتحديد مستوى التكبير الافتراضي لجميع مواقع الويب:
انتقل إلى الإعدادات → Safari → الإعدادات لموقع الويب → تكبير الصفحة → مواقع الويب الأخرى:
50/75/85/100/125/150/175/200/250/300%
من خلال التعيين الافتراضي لـ font: -apple-system-body; لمواقع discourse فقط، نختلف تمامًا عن القاعدة الشائعة font-size: 15px للفقرات.
يقدم هذا الآن حالة خاصة لجميع مواقع discourse: الخط كبير جدًا.
ويجب على كل مستخدم تعيين مستوى تكبير خاص لنطاقات مواقع discourse، على سبيل المثال 85٪.
أو في حالة قيام المستخدم بالفعل بتعيين مستوى تكبير أعلى في Safari، على سبيل المثال 150٪، فيجب عليه الآن تعيينه إلى 125٪ لنطاقات discourse فقط.
أوصي بشدة بعدم تنفيذ هذا!
يرجى التراجع عن دمج طلب السحب هذا.
يرجى التحقق مما يحدث إذا كان إعداد خط النظام على iPhone iOS لديك حوالي 150٪ وتم تعيين تكبير صفحة Safari إلى 150٪:
بالنسبة للمواقع العادية، يجب أن يؤدي هذا إلى 150٪
مع التغيير الجديد إلى Discourse font: -apple-system-body; قد يؤدي هذا إلى 225٪ (= 150٪ * 150٪)
على حد علمي، لا يقوم Chrome على نظام Android بذلك: الواجهة فقط لـ Chrome يتم تكبيرها بواسطة إعداد النظام.
لتكبير حجم خط موقع الويب، افتح Chrome وانتقل إلى الإعدادات → إمكانية الوصول → تحجيم النص
هنا يتم تغيير حجم الفقرة فقط، بينما يظل العنوان وجميع عناصر النص الأخرى صغيرة الحجم!
هذا سلوك خاص في Chrome لتغيير حجم أجزاء من النص فقط - ابحث عن “Font Boosting” أو انظر:
ألاحظ بعض الآثار الجانبية غير المقصودة الآن بعد نشر هذا على Meta، ولست متأكدًا من سبب عمله بشكل مختلف في بيئة التطوير الخاصة بي، سأقوم بالتراجع والبحث فيه أكثر… ربما لا يمكنني فعل هذا في الوقت الحالي… إنه يؤثر على أشياء كثيرة جدًا خارج حجم الخط.
في حالة إمكانية الوصول العامة:
أحب فكرة الاحتفاظ بالخط الأساسي للفقرات بحجم 16 بكسل الافتراضي الذي تحدده جميع المتصفحات كحجم خط افتراضي.
هذا سيزيد حجم النص بنسبة 6-7٪ (16 بكسل / 15 بكسل = 1.0666).
بالنسبة للأجهزة المحمولة مثل الهواتف والأجهزة اللوحية، يبدو هذا جيدًا. بالنسبة لأجهزة سطح المكتب، سيكون هذا كبيرًا وغير معتاد قليلاً.
إذا اتبعنا هذا النهج، ربما نطبق قاعدة خاصة للأجهزة غير التي تعمل باللمس لاستخدام خط أساسي بحجم 15 بكسل بدلاً من ذلك. (من خلال التحقق من الأجهزة غير التي تعمل باللمس، سنفقد بالتأكيد بعض أجهزة الكمبيوتر المحمولة التي تعمل بشاشات لمس - ستحصل هذه الأجهزة بعد ذلك على حجم خط أكبر.)
هل لا تزال هذه مشكلة مع أجهزة iOS؟ يمكنني زيادة حجم الخط ولكن هذا لا يغير حجم التفاف النص. ليس لدي إمكانية الوصول إلى هاتف/جهاز لوحي يعمل بنظام Android لاختبار ذلك.
