Webfont: قوة الكتابة الحديثة على الويب

Webfont: قوة الكتابة الحديثة على الويب


 خط الويب: عندما يتيح الإبداع مواقع ويب أكثر جمالًا

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


طباعة الويب: من كتابة المتصفح إلى الخطوط الحديثة

تطور دور طباعة الويب في السنوات الأخيرة بفضل التقدم التقني في الحوسبة. على سبيل المثال ، تم تحديد خط لغة HTML مسبقًا بواسطة المستعرض المستخدم. فقط منذ إدخال علامة <font> (التي عفا عليها الزمن الآن) تمكن المطورون من دمج أسلوب الطباعة الخاص بهم على موقع الويب الخاص بهم. يمكن للمستخدمين تحميل هذه الخطوط فقط إذا تم تثبيتها على أجهزة الكمبيوتر الخاصة بهم. بخلاف ذلك ، تم اقتراح "خط احتياطي" ، أي خط ويب قياسي.

إن فصل المحتوى (HTML) الذي تم تحقيقه بواسطة Cascading Style Sheets (CSS) وتنفيذ تنزيلات الخطوط في المتصفح قد مكّن مصممي الويب من استخدام خطوط الويب (أو خطوط الويب). هذه هي خطوط الويب. عند تحميل الصفحة ، يتلقى متصفح المستخدم إشارة إلى الخط المستخدم ويقوم بتحميله على الفور. بهذه الطريقة ، يكون لدى مستخدمي موقع الويب الخط المحدد أمامهم ، حتى لو لم يكن مثبتًا على أجهزة الكمبيوتر الخاصة بهم.

منذ تطوير Web Open Font Format ( WOFF ) ، وهو تنسيق محرف مضغوط للاستخدام على مواقع الويب ، يتم بيع تراخيص خطوط الويب من قبل عدد متزايد من البائعين بشروط مختلفة. وقد أدى ذلك إلى تباين في الأسعار وطرق الدفع والاستضافة (على خادم مخصص أو خادم تابع لمورد ما). مع المنافسة التي تتزايد قبل كل شيء على الهاتف المحمول ، يتمتع مصممو مواقع الويب بخيارات واسعة من الخطوط الحديثة والإبداعية.


فئات السياسة ومجالات التطبيق

يجمع المحرف معًا كل الخطوط التي لها تصميم متطابق. توجد عدة أنواع من الخطوط ولها خصوصيات من حيث العرض أو التباعد. هذا هو السبب في أننا نتحدث عن عائلة من الخطوط . وبالتالي ، فإن خطوط Segoe UI و Segoe Light و Segoe Semibold تنتمي إلى نفس العائلة.

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

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

تختلف التأثيرات التي تسببها خطوط الويب هذه تبعًا للسياق. يوضح الجدول التالي الخصائص المميزة لهذه الخطوط المختلفة.



تمثل هذه الخصائص الانطباعات العامة للخطوط. من الناحية العملية ، يعد استخدام الخط طريقة فعالة للتميز عن المنافسة. من أجل العثور على الطباعة التي تناسبك ، ننصحك باتباع النصائح التالية:

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


أين يمكنك أن تجد الخطوط الخاصة بك للويب؟

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

هل ترغب في تحسين موقع الويب الخاص بك باستخدام خط حديث ومميز؟ قارن عروض موفري خطوط الويب التالية:

  • خطوط Google : خطوط Google المجانية. أكثر من مائة عائلة خطوط مختلفة ووظائف معاينة مختلفة.
  • Adobe Edge Webfonts : يمكنك العثور على أكثر من 500 خط ويب مجاني وحديث في هذه القائمة المقدمة من Adobe.
  • Font Squirrel : قائمة بمئات الخطوط المجانية.
  • Font (www.policedecriting.com) [ أكثر من 13000 خط مجاني متاح للتنزيل]: 13000 خط مجاني لكل فئة.
  • FFonts : الخطوط المجانية والمدفوعة. الاشتراك المميز ممكن.
  • Dafont : تقدم هذه المنصة الخطوط التي تخص مؤلفيها. الميزة هي أنها فريدة من نوعها وستجعلك متميزًا.
  • MyFonts : سياسات متنوعة يتم الحصول عليها إلى حد كبير من خلال الدفع لمرة واحدة واختبارها لمدة 30 يومًا. تتيح لك خدمة WhatTheFont تحديد الخط بشكل مجاني وتلقائيًا.