عادةً ما يتم التحكم في نمط الصفحة التي يراها المستخدمون بواسطة ثلاث طبقات. مثل CSS ، تكون الأولوية وراءها أعلى من النمط السابق ، مما يعني أن نمط تعريف صفحة الويب يمكنه تجاوز النمط الافتراضي للمتصفح ، في حين أن النمط المعرفة من قبل المستخدم له أولوية أعلى. الموقف الفعلي هو أنه على الرغم من أن المتصفحات توفر وظائف نمط أكثر أو أقل المعرفة من قبل المستخدم ، فإن قلة قليلة من المستخدمين سيقومون بتخصيصها ، ويتم استخدامها عمومًا كمستخدمين متقدمين. غالبًا ما يختلف النمط الافتراضي للمتصفح في متصفحات مختلفة ، وإصدارات لغوية مختلفة وحتى إصدارات النظام المختلفة. لمحاولة إعادة كتابة الإعدادات الافتراضية للمتصفح لضمان اتساق نمط كل متصفح.
خذ الخطوط كمثال. مثله. لذلك ، نحتاج إلى ضبط نمط الخط الافتراضي بشكل موحد من أجل تحقيق تأثيرات عرض متسقة لضمان تصميم ثابت وتحسين كفاءة التطوير.
في المستقبل ، استعد لاستخدام أنماط الخط الافتراضي التالية:
جسم{
الخط: 12px/1.5 arial ؛
}معظم الشخصيات في صفحتنا باللغة الصينية. & Copy ؛ السبب في اختياري Arial هو:
يحتوي كل من Windows و Mac على هذا الخط المُثبت مسبقًا ، والذي يجب أن يكون خط الويب الأكثر استخدامًا على نطاق واسع. منافسيها المحتملين tahoma helvetica ليسوا محظوظين للغاية.
قد يعتقد محترفو التصميم المرئي أن استخدام font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; في Windows و Helvetica في MAC أفضل. font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; هذا خيار رائع ، لكنك ستجد أيضًا أن الإصدارات الجديدة من Google و Yahoo و YouTube و Bing وحتى MSN تستخدم arial كخط افتراضي الأول. لذلك ، من حيث الجماليات وقابلية القراءة ، يجب أن تكون arial مقبولة تمامًا.
بشكل عام ، سيقوم إعداد الأسرة بتعيين font-family:arial,sans-serif; خطية مشتركة في النهاية لضمان أمانها. الترميز هو GBK ، وسيعمل IE8 على خطوط الأغاني بسبب sans-serif sans-serif مما يسبب تشوه الخطوط.
نظرًا لأن اختيار الخطوط الصينية محدودة للغاية ، فإن جميع المتصفحات السائدة التي تم تعيينها حاليًا لاستخدام خط الأغنية لعرض الصينية. صفحة Baidu Homepage و Search Page تستخدم font-family:arial; قد يلاحظ بعض الأشخاص أن الخط الصيني الذي تم عرضه بواسطة إصدار Firefox الصيني هو Microsoft Yahei. ويرجع ذلك أيضًا إلى مواقف مماثلة من المهم للغاية بالنسبة لنا لتصميم صفحات الويب بمرونة.
إحدى المشكلات التي ستؤدي إلى استخدام الخطوط الإنجليزية كخط افتراضي الأول هو مشكلة المحاذاة باللغة الصينية والإنجليزية والرمز. إذا قمت بتغيير الخط ، فيمكنه حل المشكلة تمامًا. من الواضح أن هذه المشكلة تحدث فقط في IE. لذلك ، إذا كان موقع الويب الخاص بك نادرًا ما يستخدم اللغة الإنجليزية والأرقام والرموز الإنجليزية ، فهو أيضًا خيار معقول للغاية لتعيين {font-family:5b8b4f53;} مباشرة.
12px هو الحد من شاشة Songtung. نظرًا لأن Song Font هو في الأساس خط الويب العالمي الوحيد الذي يعرض الصينيين حاليًا ، فقد أصبح 12 بكسل حجم الخط الأكثر استخدامًا. بالطبع ، يمكننا تعديل هذه القيمة الافتراضية وفقًا لاحتياجات المنتج.
لا حاجة للنظر في التصميمات على أساس حجم الخط (EM).
في الإصدار الصيني بعد Chrome 3.0 ، يبلغ الحد الأدنى لحجم الخط 12 بكسل.
هذه هي قيمة الخبرة. على سبيل المثال ، في خط Yui ، هو font:13px/1.231 arial,helvetica,clean,sans-serif; هو 1.231 ضعف الخط الافتراضي. بالنسبة للصينية ، يمكن لأحجام الخطوط الشائعة الاستخدام مثل 12px و 14px و 16px و 18px ، وما إلى ذلك ، أن يؤدي ضبط ارتفاع الخط إلى رقم زوجي في IE6 و IE7 أيضًا إلى حل مشكلة الخطوط في بعض الحالات الخاصة.
في IE6 و IE7 ، يجب أن تكون القيمة العالية للخط أكبر من 2 بكسل من الخط لضمان العرض الكامل للخط أو لعرض السطح السفلي بشكل فعال عندما يكون رابطًا.
عند تحديد line-height ، احرص على عدم استخدام الوحدات (بما في ذلك ٪) ، لأن العقد الفرعية سترث القيمة المحسوبة line-height . دون التغيير مع حجم الخط ، والقيمة بدون وحدة هي مضاعفة font-size للحاوية ، لذلك فإن ضبطها على قيمة بدون وحدات هو الخيار الأفضل.
ارتفاع خط CSS المتعمق مفيد للغاية لفهم line-height ويستحق القراءة.
معظم المنصات لها arial ، مما يقلل من وقت البحث للمتصفحات.
الحد الأدنى من الكود وسهل الكتابة. arial هو في الأساس الخط مع أقصر اسم ، والذي يمكن أن ينقذ حجم CSS.
جميع الرسائل صغيرة ، وتقوم Google حاليًا بذلك ، مع ميزة أنه يمكن كتابتها بشكل أسرع وتحسين كفاءة ضغط GZIP.
من الأفضل استخدام Unicode للتعبير {font-family:5b8b4f53;} باللغة الصينية {font-family:5fae8f6f96c59ed1;} هذه الفائدة هي تجنب الترميز.
استخدم نوع الخط الصحيح للكتابة ، وتجنب علامات الاقتباس ، والتي يمكن أن تقلل من حجم CSS. يمكن كتابة الخطوط الصينية بالطريقة السابقة.
من خلال اختبار الترتيب المختلط للصينيين والإنجليزية والرموز ، وجدت أن Microsoft Yahei كان أداءً جيدًا بالفعل ، بما في ذلك الأرقام الإنجليزية والشخصيات الإنجليزية ، وكذلك تأثيرات عرض IE6 و IE7 ، ولكن الأسف الوحيد هو أنه إذا كان Microsoft Yahee يتم تثبيته تحت XP إذا لم يشغل المستخدمون ذوو الخطوط السوداء خيار "الحواف السلسة لخطوط الشاشة" ، فسيكون من الصعب للغاية التعرف على Firefox و Safari و Opera ، وخاصة IE6. لا يوجد حاليًا حل جيد لهذه المشكلة ، لذلك من الممكن استخدامها رسميًا حتى تصبح نسبة استخدام IE6 صغيرة جدًا. ربما سيستغرق الأمر حتى عام 2014 ، عندما يموت XP.
على الرغم من أنه تم العثور على @font-face في وقت مبكر جدًا ، إلا أنه نادراً ما تم استخدام دعم المتصفح وسرعة الشبكة ومشاكل العمل. الأخبار السارة حول الخطوط مؤخرًا هي أن Firefox 3.6 ستدعم Forma Open Font. للحصول على المعلومات ذات الصلة حول مستقبل خطوط الويب ، يمكنك رؤية مستقبل خطوط الويب ، حول خطوط الويب: الوضع الحالي والمستقبل ، والتحدث عن الوضع الحالي ومستقبل خطوط الويب.