تتمثل إحدى الطرق لتحسين تصميم واحتراف موقع الويب بشكل كبير في استخدام خطوط رائعة.
لا يفكر معظم الأشخاص أبدًا في الخط الذي يستخدمونه على موقعهم على الويب. ومع ذلك ، إذا كنت تقوم بتطوير السمة الخاصة بك أو تحرير السمة التي قمت بتثبيتها حاليًا ، فيجب أن تكون مجموعة جيدة من الخطوط جزءًا كبيرًا من العملية.
كان تحديد خط أو مجموعة من الخطوط لموقعك على الويب مهمة بسيطة ومملة للغاية بصراحة. هناك عدد قليل جدًا من الخطوط الآمنة للويب المتاحة للاستخدام ، ولكن الآن مع وجود عدد لا يحصى من الخطوط المحسّنة على الويب التي يتم إنشاؤها باستمرار ، قد يكون من الصعب تحديد الخطوط التي يجب استخدامها.
مع إنشاء خطوط Google وأصبح أكثر من 900 مجموعة خطوط متاحة لك الآن ، أصبحت عملية اختيار الخط الجيد أكثر تعقيدًا. ومع ذلك ، في السنوات الأخيرة ، جعل التطوير حول خطوط Google تنفيذ أي خيار تجعله أسهل بكثير من أي وقت مضى.
لماذا يجب علي استخدام خطوط Google؟
أصبحت خطوط Google واحدة من أفضل موارد الخطوط المتاحة على الويب اليوم.
ليس فقط هناك أكثر من 900 عائلة خطوط لاستخدامك ، فهي كلها خطوط مفتوحة المصدر يمكن لأي شخص إنشاؤها وتحسينها.
يجب على المصممين الذين ينشئون الخطوط أن يخضعوا لعملية النظر في تضمين خطهم في دليل Google. وهذا يعني أنه بالإضافة إلى الوصول إلى آلاف المصممين حول العالم ، لا يمكن إضافة الخطوط إلى الدليل دون التأكد أولاً من اكتمالها وتحسينها على الويب.
استخدام خطوط مختلفة في الماضي يعني أن على الأشخاص تثبيت الخط على أجهزة الكمبيوتر الخاصة بهم للسماح للمتصفح بعرضها بشكل صحيح. باستخدام خطوط Google ، يتم الوصول إلى جميع الخطوط مباشرة من دليل Google ، مما يضمن أنها ستعمل فعليًا على أي جهاز مع أي متصفح. هذا يفتح كمية غير مسبوقة من حرية التصميم لتطوير موقع الويب.
كيف أستخدم خطوط Google على موقع الويب الخاص بي؟
تتضمن بعض مظاهر WordPress مثل Total WordPress Theme خيارات سمات مضمنة لتغيير خطوط Google بسهولة. فقط انتقل إلى مخصص وانقر على الطباعة علامة التبويب لتحرير الخطوط الرئيسية ، وحجم الخط ، ووزن الخط ، وحتى تباعد الأسطر للعناصر في جميع أنحاء السمة.
ومع ذلك ، إذا كنت تستخدم سمة مختلفة ، فيمكنك إضافة خطوط Google يدويًا أو استخدام مكون إضافي.
إضافات WordPress لإضافة خطوط Google
أحد أفضل المكونات الإضافية المجانية لإضافة خطوط Google إلى موقعك هو استخدام المكون الإضافي Easy Google Fonts المجاني الذي يمكنك تنزيله من مستودع WordPress. ومع ذلك ، فإن أسهل طريقة للتنزيل هي مباشرة من لوحة تحكم WordPress. فقط قم بتسجيل الدخول إلى موقع WordPress الخاص بك وانتقل إلى الإضافات> إضافة جديد. ثم ابحث عن “Easy Google Fonts” لتثبيت سريع وسهل.
مكوّن إضافي رائع لتخصيص الخطوط على الموقع هو المكوّن الإضافي لمحرر Yellow Pencil Live CSS (مضمّن مجانًا في موضوع WordPress في نيويورك). فائدة هذا البرنامج المساعد هو أنه لا يسمح لك فقط بتغيير خطوط موقع الويب الخاص بك من خلال طريقة النقر والتحرير سهلة. يمكنك أيضًا تخصيص جميع الألوان وأحجام الخطوط وأوزان الخطوط والتعبئة والهوامش وما إلى ذلك. من موضوع WordPress الخاص بك.
ما الخطوط التي يجب استخدامها؟
يمكن لأكبر قوة في دليل الخطوط من Google أيضًا أن تجعل حياتك صعبة. هناك عدد كبير من الخطوط المتاحة للاستخدام والتي يمكن أن تمثل صعوبة في العثور على مزيج خط لائق واختياره.
ستعتمد الخطوط التي تختارها تمامًا على ما تحاول نقله باستخدام التصميم الخاص بك. تُستخدم الخطوط لجذب اهتمام قراء الموقع. يتم استخدامها للفت الانتباه إلى جوانب مختلفة من الموقع ، ويمكن للمصمم الرائع أن يعمل المعجزات مع اختلافات دقيقة للغاية في الخطوط التي يستخدمونها.
شيء واحد يجب أن تفهمه هو الفرق بين الخط والخط. يتم استخدام هذين المصطلحين بشكل متكرر وغير صحيح بالتبادل. الخط هو مجموعة كاملة من الأحرف والأرقام والرموز وما إلى ذلك. عند الإشارة إلى تصميم تلك المجموعة ، أسميها الطباعة.
تصنيفات الخط
هناك العديد من التصنيفات التي يمكن تطبيقها على الخطوط. وهي: Serif و Sans Serif و Display و Handwriting (أو Script) و Monospace. هناك غيرها يتم استخدامها في الطباعة ، على الرغم من أننا لا داعي للقلق بشأنها في الوقت الحالي.
إذن ما هي الاختلافات بينهما؟
Serif المحارف لها ذيل معلقة من حافة كل حرف.
بلا الرقيق محارف ليس لها طوابير.
مراقب المحارف غير عادية وزخرفية.
جاري الكتابة تشبه الخطوط محرف بخط الكتابة أو مخطوطة بخط.
أخيرا، أحادي الفضاء تتكون الخطوط من أحرف تشغل نفس المساحة بالضبط.
أفضل الممارسات لخطوط تصميم الويب
هناك بعض إرشادات أفضل الممارسات التي يجب اتباعها عند اختيار الخطوط التي تريد استخدامها.
انها فكرة جيدة تجنب استخدام أكثر من مصدرين مختلفين في تصميم موقعك. قد يكون من الصعب الموازنة بين أكثر من مصدرين. يمكن أن يؤدي خلط أكثر من خطين في موقع واحد إلى مشاكل بصرية خطيرة.
إذا كنت تستخدم خطين مختلفين ، على سبيل المثال واحد للعناوين والآخر للمحتوى ، تأكد من عدم اختيارهم من نفس تصنيف المحرف. هم الجمع بين الخطوط بشكل أفضل. بمعنى آخر ، تجنب استخدام خطين مختلفين أو خطين مختلفين.
هناك خطوط تعمل جيدًا للعناوين ، لكنها ليست مثالية لمحتوى الجسم والعكس صحيح. هناك مواقع تستخدم خطوطًا لمحتواها قد يصعب قراءتها. يجب أن تكون مصادر المحتوى نظيفة وسهلة القراءة. في حين يجب استخدام خطوط العنوان لتحقيق أقصى تأثير ولفت الانتباه إلى مناطق معينة من موقعك.
إنهاء خطوط Google لـ WordPress
كما قد تبدأ في التقدير ، يمكن أن يكون اختيار الخطوط لتصميم موقع الويب الخاص بك عملية معقدة ومتضمنة. إن القرار أكثر بكثير من مجرد اختيار أي من المصدرين.
هناك العديد من الأشياء التي يجب عليك السعي لضمانها في اختياراتك. تأكد من أن التسلسل الهرمي لفئة الرأس متوازن وأن تسميات العناوين أقل في الحجم النسبي.
تتوافق نصف معركة التصميم الجيد للموقع والطباعة مع اختيارات الخطوط الخاصة بك. يتضمن أحجام الخطوط والأوزان والتباعد. إن استخدام Google Fonts والمكون الإضافي للطباعة من Google يجعل هذه العملية برمتها أسهل بكثير مما كانت عليه من قبل. حتى مع هذه الموارد ، لا يزال وجود خط احترافي ومتوازن يمثل تحديًا.
إذا كنت لا تزال غير متأكد من الاختيارات التي تتخذها وستفقد نفسك عندما تحاول معرفة الاختلافات بين جميع خياراتك. قد يكون الوقت قد حان للمصمم المحترف لإلقاء نظرة على موقعك.
هل نفذت خطوط Google على موقع الويب الخاص بك؟ هل أنشأت موضوعًا من البداية يتضمن خطوط Google؟ نود أن نسمع أفكارك حول الطباعة والخطوط المفضلة لديك في التعليقات أدناه.
