انتقاء الخط المناسب لتصميم المواقع أمر هام، فالخطوط الواضحة وسهلة القراءة تؤثر بشكل كبير على تجربة المستخدمين. واختيار نوع الخط يمثل جزءا أساسيا من من الهوية البصرية للموقع.
الخطوط serif تعتبر رسمية وتناسب العناوين والنصوص القصيرة، وتعطي الموقع مظهرا كلاسيكيا. أما الخطوط sans-serif فهي أكثر وضوحا وتناسب النصوص الطويلة المعروضة على الشاشة، حيث تتميز بتصميم بسيط وسهولة القراءة. باختيار الخط المناسب، يمكنك تحسين تجربة المستخدمين وإضافة لمسة فريدة إلى هوية موقعك.
تعد Google Fonts واحدة من مزودي الخطوط المجانية التي توفر مجموعة واسعة من الخطوط المختلفة التي يمكن تطبيقها على المدونة بلوجر أو صفحة AMP. فيما يعد نوع الخط sans serif الذي يستخدمه أكثر من 50٪ من المواقع على الإنترنت هو الأكثر وضوحا للقراءة.
لتغيير نوع الخط على صفحة AMP باستخدام CSS، يمكن القيام بالخطوات التالية:
الخطوة الأولى هي اختيار الخط المراد استخدامه من موقع Google Fonts أو غيره من الأصول التالية المسموح بها من amp لعرض الخط عبر علامات الارتباط <link>:
- Typography.com: https://cloud.typography.com
- Fonts.com: https://fast.fonts.net
- Google Fonts: https://fonts.googleapis.com
- Typekit: https://use.typekit.net
- Font Awesome: https://maxcdn.bootstrapcdn.com ، https://use.fontawesome.com
بعد ذلك، يتم نسخ رمز <link> الخاص بالخط ولصقه في الجزء الخاص ب </head> في صفحة HTML الخاصة بقالبك، حيث يمكن أيضا تغيير جميع أنواع الخطوط المستخدمة في الموقع واستخدام خطوط جديدة.
...<link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" /><link href="https://fonts.googleapis.com/css2?family=Changa&display=swap" rel="stylesheet"/>
ثم، يتم الانتقال إلى صفحة Google Fonts مرة أخرى لنسخ رمز CSS الخاص بالخط المراد استخدامه، ويتم لصقه في CSS الموقع.
يمكن تطبيق الخط المحدد على صفحة معينة من خلال تحديد المعرف (ID) الخاص بها باستخدام خاصية font-family في CSS، مثل: body {font-family: 'Changa', sans-serif;}.
تغيير نوع الخط على صفحة الويب يمكن أن يساعد في تحسين تصميم الموقع وجعله أكثر جاذبية ووضوحا للقراءة، ويمكن تحقيق ذلك بسهولة باستخدام CSS و Google Fonts.
إذا كنت تريد تحسين تجربة المستخدم على موقعك، فيجب عليك اختيار نوع الخط المناسب لنوع المحتوى الذي يظهر على الموقع، مثل خط serif للعناوين أو الخطوط sans serif للنصوص الطويلة. كما يجب الاهتمام بحجم الخط وتباعد الأحرف ولون الخط وغيرها من التفاصيل الأخرى التي تؤثر على وضوح الخط وسهولة القراءة.
يجب الانتباه إلى عدم اختيار أكثر من نوعين من الخطوط لتجنب الاختلاف الزائد في الأنماط البصرية، ويجب أيضا اختبار الخطوط المختلفة على أجهزة مختلفة وفي مقاسات مختلفة للتأكد من وضوحها وجاذبيتها على جميع الأجهزة.
باختيار نوع الخط المناسب وتطبيقه بشكل جيد، يمكن تحسين تجربة المستخدم وزيادة جاذبية الموقع وإتاحة المزيد من القراءة السهلة والمريحة للمستخدمين.
أنا محمد، مالك مدونة صور نت للمعلوميات والرقمنة، أمتلك خبرة واسعة في تحسين محركات البحث (السيو)، ومهتم بشكل خاص بمجالات التسويق الرقمي والتكنولوجيا المالية الرقمية.