عرض الخطوط لصفحات الويب

Question

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

ملحوظة:فقط في النوافذ يكون الأمر هكذا.بشكل رئيسي في Opera وFF أيضًا في IE7 ولكن ليس بنفس السوء.في Linux يبدو الخط جيدًا.لم ألقي نظرة على جهاز Mac.

ماذا تفعلون يا رفاق لإصلاح هذا؟إذا حدث شيء.لقد لاحظت أن العناوين هنا على SO هي أيضًا خشنة جدًا ولكنها صغيرة بما يكفي حتى لا تبدو سيئة.

Answer 1

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

إذا قمت بذلك تأكد من تقديم تمثيل نصي بديل لأولئك الذين لا يرون الصور.أميل إلى استخدام CSS لإظهار صورة الخلفية وإخفاء محتويات العنوان.مثله.

<style>
    h1
    {
        height: 32px;
        width: 100px;
        background: url("path/to/image")
    }

    h1 span
    {
        display: none;
    }
</style>

<h1>
    <span>
       Heading Text
    <span>
</h1>

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

Answer 2

يجب أن يؤدي تمكين الصقل إلى حل مشكلة العرض.

Answer 3

وبصرف النظر عن الصقل، حاول تمكين الكتابة الواضحة.

Answer 4

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