الإعلانات
لقد قمت على مدى العقد الماضي بدأ عدد من المدونات الشخصية 10 خطوات أولى أساسية عند بدء مدونة ووردبعد إنشاء عدد غير قليل من المدونات ، أود أن أعتقد أن لدي نظامًا جيدًا لهذه الخطوات الأساسية الأساسية ، وآمل أن يكون مفيدًا لك أيضًا. باتباع ... اقرأ أكثر لم أتبعه أبدًا حقًا ، ولكن بعض من أعز ذكرياتي ترتكز على تصميم السمة وتعديل الخطوط. هناك شيء مُرضٍ عندما تجد أن المطابقة المثالية للخطوط لموقعك على الويب وكل شيء في مكانه. لحسن الحظ ، باستخدام Google Web Fonts ، لم تكن هذه العملية بأكملها أسهل من أي وقت مضى.
إذن ما هي خطوط الويب من Google التي يجب عليك استخدامها؟ حسنًا ، يمكنك استخدام أي من الخطوط في دليل Google Web Fonts ، والذي يضم حاليًا أكثر من 600 خط مختلف - ويستمر هذا الرقم في النمو. ولكن تم إثبات بعض الخطوط مرارًا وتكرارًا على أنها أكثر إرضاءً للعين وأسهل للقراءة من غيرها. تابع القراءة لمعرفة ما هي تلك الخطوط.
ملحوظة: يعد تقدير الخطوط دائمًا مسألة ذاتية ولكن شعبية هذه الخطوط تشير إلى أنها تتمتع بجودة جميلة عنها. تم عمل اعتبارات الخط لهذه القائمة في سياق نصوص الفقرات ، وليس العناوين أو الفن أو التصميم الجرافيكي.
ما هي خطوط الويب من Google؟
Google Web Fonts هي مجموعة مركزية من الخطوط المختلفة التي يمكنك تضمينها في موقعك (مواقعك) على الويب. لفترة من الوقت ، كانت خطوط موقع الويب مقتصرة على ما كان موجودًا على جهاز الكمبيوتر الخاص بالمشاهد - إذا لم يكن لديهم الخط المحدد ، فلن يروا موقعك الإلكتروني إلا في الخط الافتراضي لمتصفحهم. باستخدام خطوط الويب من Google ، يمكن للمشاهدين رؤية خط موقع الويب الخاص بك حتى لو لم يكن لديه ، وهذا يفتح الكثير من الأبواب من حيث التصميم.
إذا كنت تستخدم WordPress ، فإن بعض السمات (خاصة الجديدة منها) تأتي مزودة بدعم خطوط Google Web في خيارات السمات. بالنسبة لمشاريع الويب الأخرى ، كتب جيمس كتابًا رائعًا دليل حول كيفية استخدام Google Web Fonts كيفية استخدام خطوط Google في مشروع الويب التالي ولماذا يجب عليكاختيار الخط هو قرار تصميم متكامل على أي موقع ويب ، ولكننا في معظم الوقت نكتفي بنفس عائلة serif و sans-serif القديمة. في حين أن النص الرئيسي للنص يجب أن يكون دائمًا شيئًا ... اقرأ أكثر لموقع الويب الخاص بك. إذا كان لديك أي نوع من الخبرة في إدارة الويب ، يجب أن تكون هذه العملية سهلة مثل كعكة لك.
يمكن أيضًا استخدام Google Web Fonts بطرق أخرى ، مثل عبر تمديد الخط مبدل كروم مغير الخطوط باستخدام خطوط الويب من Google: قم بتغيير خط أي موقع ويب بسهولة [Chrome] اقرأ أكثر . إذا كان موقع ويب معين لا يبدو جيدًا بالنسبة لك - أو حتى يسيء إلى إحساسك بمعايير الرسومات - فيمكنك حينئذٍ استخدام Google Web Fonts لتغيير طريقة ظهور موقع الويب من يدك يدويًا. كم ذلك رائع؟
خطوط Serif
خطوط Serif هي الخطوط التي تحتوي على علامات صغيرة أو حدود صغيرة أو أقدام في نهاية الحروف والرموز. فكر في أنواع الخطوط التي ستجدها في كتاب مطبوع أو صحيفة أو ورقة أطروحة ، إلخ. بشكل عام ، فهي أكثر رسمية من خطوط sans-serif (التي يتم تناولها في الجزء الثاني من هذه المقالة) وتعتبر بشكل عام أسهل للقراءة ، على الرغم من أن هذا قابل للنقاش.
Droid Serif: لا يمكنك التحدث عن خطوط serif الحديثة دون التوغل في منطقة Droid. تم تصميم مجموعة خطوط Droid للاستخدام على شاشات الجوال الصغيرة ، لا سيما نظام Android الأساسي ، ولكن الخط اكتسب شعبية واستخدم في كل مكان الآن.
PT Serif: على الرغم من أنها كانت موجودة منذ بضع سنوات ، فإن عائلة الخطوط PT جديدة بالنسبة لي - وأنا أحبها. أستخدمه الآن لجميع محرري النصوص تقريبًا ، سواء أكان Microsoft Word أو Scrivener أو تحرير المدونة. إنه أنيق وعصري مع مذاقه اللذيذ على السريف.
لورا: لورا ربما يكون ثاني خط serif المفضل لدي على الإطلاق ، بجانب PT Serif. لديها فقط التوازن الصحيح المستقيم والمستدير ، مما يضفي على سهولة القراءة والجمالية اللطيفة. هذا هو الخط الذي أستخدمه عندما قراءة الكتب الإلكترونية على جهاز الكمبيوتر الخاص بي EPubReader: اقرأ كتب .EPUB مجانًا داخل المتصفح مباشرةً [Firefox]ارتفعت شعبية الكتب الإلكترونية في السنوات القليلة الماضية ولا يبدو أنها ستتباطأ في أي وقت قريب. أولاً كيندل ، ثم Nook ، ثم تطبيقات الهواتف الذكية مثل Aldiko و Mantano - هناك ... اقرأ أكثر .
جودسون: يجعل جودسون استراحة جيدة عندما تحتاج إلى خط serif جميل ولكن لا تريد التراجع عن بعض الخطوط الأكثر شيوعًا ، مثل تلك المذكورة أعلاه. أحد أسباب عدم استخدامه في كثير من الأحيان هو أنه يفتقر إلى نمط غامق ومائل.
ميريويذر: رأيت مؤخرًا Merriweather مستخدمًا في مدونة كاتب غزيرة الإنتاج ووقعت في الحب. بفضل التجانب والمسافات الصحيحة ، تصبح Merriweather سهلة للغاية على العين وتسهل القراءة السريعة ، وهو أمر رائع للمدونات ومحتوى الويب.
فولكورن: هذا هو الخط الذي جذبني إلى Google Web Fonts في المقام الأول. من الجميل أن ننظر في نطاق حجم الخط الأصغر ، لكن العيوب تصبح أكثر وضوحًا في الأحجام الأكبر. ومع ذلك ، فهي رائعة وتستحق المحاولة.
خطوط Sans-Serif
إذا كانت خطوط serif هي تلك التي تحتوي على علامات وأقدام على الحروف والرموز ، فإن خطوط sans-serif هي الخطوط التي لا تحتوي على تلك العلامات والقوائم. يصف بعض الأشخاص خطوط sans-serif بأنها "أنظف" و "حديثة" وغالبًا ما يُنظر إليها على أنها أقل رسمية من خطوط serif ، على الرغم من أن ذلك يصبح أقل صحة مع كل عام. يأتي الاسم من الكلمة الفرنسية التي تعني "بدون" - بلا - لذا عندما ترى خطًا يحمل اسم "Sans" ، فأنت تعلم أنه النسخة النظيفة من هذا الخط.
Droid Sans: Droid Sans من نفس عائلة الخطوط مثل Droid Serif ، لكن Droid Sans أكثر شيوعًا لسبب واحد بسيط: من المرجح أن تستخدم تطبيقات الجوال خطوط sans-serif أكثر من خطوط serif. لقد تجاوزت شعبيته إلى الويب ، على الرغم من ذلك ، وربما رأيت هذا الخط أكثر مما تعتقد.
PT Sans: PT Sans هو خط sans-serif نظيف وأضيق قليلاً من خطوط sans-serif التقليدية. إنه مزيج رائع من الخطوط الحادة والمنحنيات الناعمة ، مما ينتج عنه خطًا يبدو عقيمًا ومع ذلك فنيا.
افتح بلا: على الجانب الآخر من PT Sans ، لديك Open Sans وهو أوسع قليلاً من خطوط sans-serif التقليدية. فكر في فردانا ، باستثناء أكثر حداثة. إنه ليس كوب الشاي الخاص بي ، لكنني أتوقع أن تشهد Open Sans المزيد من الاستخدام في السنوات القادمة.
لاتو: يمكن أن تشعر Lato بالضيق قليلاً عندما يتم تقليل حجم الخط كثيرًا ، ولكن مع تقنيات CSS والتصميم المناسبة ، يمكن أن يكون Lato أكثر جمالًا من معظم خطوط sans-serif. ومع ذلك ، يعد تقنين الأحرف وتباعد الأسطر أمرًا أساسيًا.
روبوتو: Roboto هو أحد الخطوط المفضلة للعناوين ، ولكنه يعمل تمامًا في نص الفقرة. إنها نظيفة ، وليست طويلة جدًا ، وليست قصيرة جدًا ، وليست واسعة جدًا ، وليست ضيقة جدًا. من السهل قراءة خط sans-serif بلمسة مستقبلية خفية ، وهو ما يناسب اسمه.
الطائرة: مثل Lato ، يمكن أن يعاني Cabin من أحجام خطوط أصغر من خلال الشعور بالضيق والحدة عندما تكون الأحرف قريبة جدًا من بعضها البعض ، ولكن يمكن أن يساعد تصميم CSS المناسب في إصلاح ذلك بسهولة. إنه خط جميل يذكرني أحيانًا بنسخة أكثر حداثة من Century Gothic.
خاتمة
لم تعد هناك حاجة لمواقع الويب الخاصة بك أن تعلق باستخدام نفس خطوط Arial-Helvetica-Verdana sans-serif وخطوط Times-Georgia-Palatino serif. صمم تصميماتك من خلال الحقن الدقيق لخطوط الويب من Google واتخاذ الخطوة التالية لإحداث ثورة في مظهر موقع الويب الخاص بك. لن يقتصر الأمر على تمييز موقعك على الويب عن الآخرين فحسب ، بل سيشكر قراءك أيضًا.
ماذا تعتقد؟ ما هي خطوط الويب المفضلة لديك من Google؟ هل تستخدمها لموقعك؟ يرجى مشاركة أفكارك معنا في التعليقات.
جويل لي لديه بكالوريوس. في علوم الكمبيوتر وأكثر من ست سنوات من الخبرة في الكتابة المهنية. وهو رئيس تحرير MakeUseOf.
