كيفية جعل موقع الويب الخاص بك يبدو بنفس الشكل على نظام Linux

Question

لدي موقع XHTML+CSS متوافق إلى حد ما مع المعايير ويبدو رائعًا على جميع المتصفحات على أجهزة الكمبيوتر الشخصية وأجهزة Mac.في أحد الأيام رأيت ذلك على FF3 على نظام Linux وكان تباعد الأحرف أكبر قليلاً، مما أدى إلى إخراج كل شيء عن السيطرة والتسبب في التفاف النص وتقطيعه بشكل غير مرغوب فيه.CSS المعني لديه

font-size: 11px;
font-family: Arial, Helvetica, sans-serif;

أعلم أن الأمر يتماشى مع نوع sans-serif العام، أيًا كان ما يرتبط به.إذا قمت بإضافة ما يلي، فإن النص ينكمش بدرجة كافية ليكون قريبًا مما أحصل عليه على الأنظمة الأساسية الأخرى:

letter-spacing: -1.5px;

ولكن هذا قد ينطوي على بعض عمليات استنشاق نظام التشغيل السيئة من جانب الخادم.إذا كان هناك حل CSS خالص لهذا، فأنا أحب أن أسمعه.

النظام المعني هو Ubuntu 7.04 ولكن هذا غير ذي صلة لأنني أتطلع إلى إصلاحه على الأقل لغالبية مستخدمي Linux، إن لم يكن جميعهم.بالطبع مطالبة المستخدم بتثبيت الخط ليس خيارًا!

Answer 1

عادةً ما يكون من الصعب اكتشاف اختلافات الحجم/التباعد.ما يمكنك فعله هو إنشاء ملف CSS خاص بنظام التشغيل Linux والذي سيحتوي على هذه القيم المعدلة لنظام التشغيل Linux، ثم إجراء اكتشاف بسيط يعتمد على JS لإدخال ملف CSS إذا كان وكيل المستخدم هو وكيل Linux.

ربما لا يكون هذا هو النهج الأنظف، ولكنه سينجح، وبأقل قدر من التدخل في HTML/CSS النظيف.

Answer 2

قائمة بصرف النظر لديها جميلة مقالة شاملة عن تغيير حجم الخطوط في CSS.استنتاجهم هو استخدام "ems" لتغيير حجم النص، نظرًا لأنه يوفر بشكل عام الحجم الأكثر اتساقًا عبر المتصفحات.لا يذكرون بشكل مباشر أنظمة تشغيل مختلفة، لكن يجب أن تحاول استخدام ems.قد يحل مشكلتك.

Answer 3

هل جربته في FF3 على الويندوز؟

شخصيًا، أجد أن إعادة تعيين CSS الجيدة تقطع شوطًا طويلًا في جعل صفحتك تبدو كما هي في جميع المتصفحات.

Answer 4

أجد أن أسهل طريقة لحل مشكلات تغيير حجم الخط بين المتصفحات هي ببساطة ترك مجال للخطأ.اجعل div أكبر قليلًا أو الخطوط أصغر قليلًا حتى لا يغير تنوع النظام الأساسي التغليف أو القطع بشكل كبير.

Answer 5

ما لم يكن موقعك يتوقع قدرًا أعلى من المعتاد من حركة المرور المستندة إلى Linux، فمن المحتمل أن تؤثر سلبًا على المزيد من الأشخاص إذا "ضحيت بقدرة المستخدم على ضبط بيئة القراءة الخاصة به" بدلاً من عدم الاهتمام بنظام التشغيل Linux. خبرة.

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