نحن نأخذ خطوط الويب أمرا مسلما به في هذه الأيام. لم يكن لدينا دائمًا خيار تعيين النص في أي محرف تقريبًا. أعني ، يمكننا ذلك ، ولكن بعد ذلك علينا أن نتنهد ونقول ، "حسناً ، سوف تبدو جيدة على أجهزة الكمبيوتر الخاصة بخمسة أشخاص. آمل أن يحب الجميع فيردانا! "
جلبت خطوط الويب بعض التنويعات اللازمة للشاشة ، وعدد قليل من الانتهاكات للطباعة ، وبعض الوزن الإضافي للصفحة كما تم تحميل الخطوط نفسها ، ومضات من النص غير المتصفّح أو غير المرئي. حسنا ... عجة البيض والبيض ، وكسر ، يمكنك الحصول على هذه الفكرة. كان لا بد أن يحدث.
إذا واجه المستخدمون مشكلة في البحث عن صفحة فارغة لفترة طويلة ، فقد يقرروا المغادرة
ومع ذلك ، فهناك مشكلة في قابلية الاستخدام ، عندما يكون النص غير مرئي حتى يتم تحميل الخط المخصص. إذا كان المستخدمون عالقون في النظر إلى صفحة فارغة لفترة طويلة جدًا (وقد تكون المدة طويلة جدًا قد تكون بالمللي ثانية) ، فقد يقرروا المغادرة. وهذا عادل بما فيه الكفاية. انها ليست سهلة الاستعمال.
تقدم بسرعة بضع سنوات ، ونحرز تقدمًا في التحكم في طريقة تحميل الخطوط. حتى الآن ، فعلنا ذلك مع مكتبات الطرف الثالث وواجهات برمجة التطبيقات. ولكن الآن ، في النهاية ، تأتي هذه الوظيفة إلى CSS.
أدخل خاصية عرض الخط . لا يتوفر حاليًا إلا في Opera و Opera لنظام Android و Chrome. (تم تقديمه لأول مرة في Chrome 49 باعتباره ميزة تجريبية.)
يأتي مع أربعة خيارات: آلي ، مقايضة ، احتياطي ، واختياري .
بشكل أساسي ، اختيار عرض الخط: ستترك ميزة auto auto المتصفح لتعمل كما هي الآن. سيكون النص غير مرئي حتى يتم تحميل الخط المخصص.
المبادلة هي على الأرجح ما سوف يستخدم معظم الناس. إذا لم يتم تحميل الخط ، فسيتم استخدام الخط التالي المتاح المحدد في خاصية عائلة الخط . عند تحميل خط الويب ، سيتم استبداله. هذا هو في الأساس ومضة من محتوى غير مألوف ، ولكن هذا هو أكثر سهولة من المحتوى غير المرئي ، على ما أعتقد.
fallback تقسم الفرق بين هذين الخيارين الأولين. للتأخير من 100 ميلي ثانية ، سيكون النص غير مرئي. إذا تم تحميل الخط المخصص بحلول ذلك الوقت ، فسيتم استخدامه. إذا لم يكن الأمر كذلك ، فسيتم تحديد الخط التالي في سطر التسلسل حتى يتم تحميل الخط المخصص.
عمليات اختيارية مثل الاستعادة ، باستثناء أن المتصفح قد يقرر عدم تحميل الخط المخصص على الإطلاق ، إذا كان اتصال المستخدم بطيئًا جدًا
عمليات اختيارية مثل الاستعادة ، باستثناء أن المتصفح قد يقرر عدم تحميل الخط المخصص على الإطلاق ، إذا كان اتصال المستخدم بطيئًا جدًا.
ويوجد لدينا ذلك. declaration. عقلًا ، من المفترض استخدام خط العرض في تصريح @ font-face . وهذا يعني أنها لن تعمل مع مزودي الخطوط الخارجية مثل Typekit أو Google Fonts في الوقت الحالي. وبمجرد أن يصبح عرض الخط أكثر انتشارًا ، فمن المرجح أنه سيطبق نوعًا من الخيارات لهذه الميزة.