بعد مقارنة الحفارة عبر أنظمة التشغيل المختلفة وحزم البرامج الشائعة، يتم تركك بمجموعة فرعية صغيرة جدا من الحواف، يشار إليها باسم خطوط آمنة على الويب. هذه هي حوامل يمكن تثبيتها بشكل معقول على جميع أجهزة الكمبيوتر. / ص>
كل من خدمات الخطوط هذه تعمل بشكل مختلف قليلا. مع خطوط Google، يمكنك إضافة خط واحد إذا أردت، أو إنشاء مجموعة من الخطوط واستيراد جميع الخطوط باستخدام عنصر ارتباط واحد. يجب إضافة الخطوط الحافة واحدة في وقت واحد مع عنصر نصي جديد لكل خط تريد استخدامه على موقع الويب الخاص بك. لا يمكن إضافة خطوط TypeKit إلا عن طريق إنشاء مجموعة خط في موقع TypeKit، مما يشبه مجموعة Google Fonts. ثم تتم إضافة مجموعة الخطوط بأكملها إلى موقع الويب الخاص بك في وقت واحد. في المثال أعلاه، اسم الملف Font_kit. ستكون S بالفعل سلسلة فريدة من الأرقام والأحرف التي تم إنشاؤها تلقائيا بواسطة Typekit لتحديد مجموعة الخط التي تخلقها. في الممارسة العملية، لن تستخدم كل هذه الخدمات الثلاثة في نفس الوقت. من الشائع بالنسبة لمواقع الويب الحصول على جميع خطوطها من مصدر واحد أو المضيف الذاتي للخطوط المستخدمة من قبل موقع الويب الخاص بهم. / ص>
يتم استخدام الرموز على نطاق واسع على الويب. في حين أن بعض الرموز هي ملفات الصور، فإن الطريقة الأكثر مرونة للعمل مع الرموز هي استخدام خط أيقونة مثل الخط رائع. في الماضي، كان استخدام خطوط الأيقونات معقدة بعض الشيء ويطلب من ملفات خط الأيقونة استضافة ذاتيا. ومع ذلك، بفضل استضافة CDN برعاية MaxCDN و Bootstrap، يمكن لأي شخص إضافة رموز رهيبة للخط إلى موقع الويب الخاص بهم لاستضافة ملفات الخطوط على الخادم الخاص بها. تتوفر إرشادات كاملة للبدء من مستودع GITHUB من الخط رائع. ومع ذلك، فمن السهل حقا تناول هذه الخطوتين:
:ما الذي يجعل أيقونة الخطوط أفضل بكثير للعمل مع نظرائها في أيقونة صورها هو أن خصائص CSS نفسها المستخدمة في خطوط الأناقة. على سبيل المثال، إذا أردنا زيادة حجم الرمز، أضف لون خلفية مستديرة، فقم بتغيير لون الرمز، وأضف بعض الحشو الإضافي على طول الطريق حول الرمز الذي يمكننا القيام به مع بعض CSS مباشرة إلى حد ما. / ص> ::
خطوط آمنة على الويب هي خطوط مثبتة مسبقا من قبل العديد من أنظمة التشغيل. في حين أن جميع الأنظمة غير هذه ترمي نفس الخطوط المثبتة، يمكنك استخدام مكدس خط آمن على الويب لحل خطوط Sevel التي تبدو متشابهة، وكذلك مثبتة على أنظمة مختلفة تريد دعمها. سواء كنت ترغب في ملكية الخطوط بخلاف تلك المثبتة مسبقا، اعتبارا من CSS3، يمكنك استخدام خطوط الويب. / ص>
يجب أن تحمل خاصية Font-Fontle أسماء خطوط Sevel كأنظمة "تراجع"، لضمان أقصى قدر من التوافق بين المستعرضات / أنظمة التشغيل. إذا كان المتصفح لا يدعم الخط الأول، فإنه يحاول الخط التالي. / ص>
خاصية Font-Family هي مجموعة متنوعة من أسماء الخطوط كأنظمة "سلالة"، من أجل ضمان أقصى قدر من التوافق بين نظام المتصفح / التشغيل. إذا كان متصفحك لا يدعم الخط الأول، فإنه يحاول الخط التالي. / ص>
ما هيك، أليس كذلك؟ لماذا لا أقول ذلك فقط ما يريد استخدامه وتتواده؟ الفكرة كلها هنا هو انخفاض. سيحاول المتصفح استخدام الخط الذي حددته أولا (لاتو، في هذه الحالة)، ولكن هذا الخط متاح، سيواصل النزول في تلك القائمة. لذا أن تكون حقا فيروسا هنا، ما تقوله هذه القاعدة هو:
لذلك في أي موقف لن يكون للمتصفح الخط الذي تسأل عنه؟ هذا شائع جدا. لا يوجد سوى حفنة من الخطوط التي تعتبر "آمنة على الويب" - إمكانة من المحتمل أن يكون معظم أجهزة الكمبيوتر التي تزور موقعك مثبتة الخط وبالتالي يمكن للمتصفح استخدامه. فكر: أريال، أوقات الرومانية الجديدة، ساعي، جورجيا، فردية، وحفنة من الآخرين. / ص>
ولكن معظم مواقع الويب، هذه الأيام، استخدم خطوط الويب المخصصة. يقومون بتحميل خط كمورد (تماما كما يتم تحميل موقع الويب CSS نفسه كموارد أو صورة أو جافا سكريبت)، ثم يتوفر هذا الخط لاستخدامه. خطوط جوجل شعبية على نطاق واسع تجعل ذلك واضحا جدا:
حتى عند تحميل خط بهذه الطريقة، ما زال من الممكن أن الخط لا يحمل. في حين أن Google مضيف موثوق به عموما، فإنك لا تتحكم في خوادمهم؛ إنهم يفعلون. أكثر شيوعا، قد تمنع اتصالات الشبكة السيئة خطا من التحميل. في أي سيناريو فشل تحميل الخط، هذا موقف آخر حيث يأتي مكدس خط التراجع في متناول يدي. / ص>
اعتقل مؤسس DC Dilip Chhabra ما نعرفه حتى الآن
