25 رائع على شبكة الإنترنت خطوط آمنة لموقع الويب الخاص بك

محدث: Mar 25، 2021 / المقال: أزرين عزمي

الخطوط. نراهم كل يوم. من الإعلانات المطبوعة إلى المجلات ، هناك كل أنواع الخطوط في العالم.

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

إن وضع بعض الأفكار على النص المعروض (أو التصميم المطبعي) مهم بشكل لا يثير الدهشة عند إنشاء جمالية شاملة لموقعك ولضمان نجاحه.

لكن الأهم هو أن تكون خطوطًا آمنة للويب.

ما هي خطوط الويب الآمنة؟

خطوط الويب الآمنة هي أنماط خطوط عادةً ما تكون مثبتة مسبقًا ويمكن عرضها على معظم الأجهزة - أجهزة الكمبيوتر والهواتف المحمولة وأجهزة التلفزيون الذكية والأجهزة اللوحية.

لماذا أهمية خطوط الويب الآمنة؟

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

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

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

في أخرى لتجنب ذلك ، وقد تم استخدام مصممي الويب الخطوط الأساسية للويب التي أصدرت مايكروسوفت في 1996 كمعيار لمعظم خطوط الموقع. أصبحت مجموعة الخطوط هذه في النهاية "خطوط آمنة للويب" ، لأنه بغض النظر عن الكمبيوتر ، ستظهر الخطوط بأمان على موقع الويب الخاص بك.

هل يجب علي استخدام خطوط الويب الآمنة لموقع الويب الخاص بي؟

جواب قصير: على الاطلاق.

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

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

كيف يمكنني إضافة هذه الخطوط الآمنة للويب؟

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

إذا كنت لا تزال غير متأكد ، فما عليك سوى اتباع الخطوات البسيطة التالية:

  1. قم بتحميل ملف header.php الخاص بك
  2. انسخ مصدر الخط / الكود القياسي (انظر المرجع 1)
  3. الصق الشفرة في أعلى ملف الرأس.
  4. قم بتحميل style.css الخاص بك ، ضع رمز الخط لتغيير نص الخط الذي تختاره. (انظر المرجع 2)

إشارة 1

إشارة 2

body {font-family: 'Abel'؛ font-size: 22px؛}

25 رائع الويب الآمن الخطوط لموقع الويب الخاص بك

1. اريال

خطوط الويب الآمنة - Arial

الروابط / المصدر: Fonts.com / CSS Font Stack

2. Calibri

خطوط الويب الآمنة - Calibri

الروابط / المصدر: Fonts.com / CSS Font Stack 

3. هلفتيكا

خطوط الويب الآمنة - Helvetica

الروابط / المصدر: Fonts.com / CSS Font Stack

4. Segoe UI

خطوط الويب الآمنة - Segoe UI

الروابط / المصدر: Fonts.com / CSS Font Stack

5. Trebuchet MS

خطوط الويب الآمنة - Trebuchet

الروابط / المصدر: Fonts.com / CSS Font Stack 

6. كامبريا

خطوط الويب الآمنة - Cambria

الروابط / المصدر: Fonts.com / CSS Font Stack 

7. بالاتينو

خطوط الويب الآمنة - Palatino

الروابط / المصدر: Fonts.com / CSS Font Stack

8. السجن المؤبد

خطوط الويب الآمنة - Perpetua

الروابط / المصدر: Fonts.com / CSS Font Stack

9. جورجيا

خطوط الويب الآمنة - جورجيا

الروابط / المصدر: Fonts.com / CSS Font Stack 

10. Consolas

خطوط الويب الآمنة - Consolas

الروابط / المصدر: Fonts.com / CSS Font Stack

11. ساعي جديد

خطوط الويب الآمنة - Courier New

الروابط / المصدر: Fonts.com / CSS Font Stack 

12. نوع تهامه

خطوط الويب الآمنة - Tahoma

الروابط / المصدر: Fonts.com / CSS Font Stack

13. فيردانا

خطوط الويب الآمنة - Verdana

الروابط / المصدر: Fonts.com / CSS Font Stack

14. أوبتيما

خطوط الويب الآمنة - Optima

الروابط / المصدر: Fonts.com / CSS Font Stack

15. جيل سان

خطوط الويب الآمنة - Gill Sans

الروابط / المصدر: Fonts.com / CSS Font Stack

16. القرن القوطية

خطوط الويب الآمنة - Century Gothic

الروابط / المصدر: Fonts.com / CSS Font Stack 

17. Candara

خطوط الويب الآمنة - Candara

الروابط / المصدر: Fonts.com / CSS Font Stack

18. أندالي مونو

خطوط الويب الآمنة - Andale Mono

الروابط / المصدر: Fonts.com / CSS Font Stack 

19. ديدوت

خطوط الويب الآمنة - Didot

الروابط / المصدر: Fonts.com / CSS Font Stack

20. النحاسيات القوطية

خطوط الويب الآمنة - Copperplate

الروابط / المصدر: Fonts.com / CSS Font Stack 

21. روكويل

خطوط الويب الآمنة - Rockwell

الروابط / المصدر: Fonts.com / CSS Font Stack 

22. بودوني

خطوط الويب الآمنة - Bodoni

الروابط / المصدر: Fonts.com / CSS Font Stack

23. فرانكلين القوطي

خطوط الويب الآمنة - franklin Gothic

الروابط / المصدر: Fonts.com / CSS Font Stack 

24. تأثير

خطوط الويب الآمنة - التأثير

الروابط / المصدر: Fonts.com / CSS Font Stack 

25. كاليستو MT

خطوط الويب الآمنة - كاليستو

الروابط / المصدر: Fonts.com / CSS Font Stack

أدوات الخط للتحقق من

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

زوج الخط

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

Wordmark.it

إذا كنت تريد معاينة سريعة لما سيبدو عليه نصك بخط معين ، Wordmark.it يمنحك معاينة فورية لكيفية ظهور النص على خطوط متعددة في وقت واحد. كل ما عليك هو كتابة كلمة أو عبارة على شريط الصفحة الأمامية ، ثم اضغط على Enter وسيعرض لك النص الخاص بك باستخدام خطوط مختلفة مثل Candara أو Lucida Console.

WhatTheFont

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

كل شيء عن اللعب الخط

استخدم أداة WHSR للتحقق من البرنامج النصي لخطوط موقع الويب
يمكن لأداتنا المطورة داخليًا التحقق من البرامج النصية للخطوط التي يستخدمها موقع الويب (راجع - أداة WHSR).

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

عندما تستخدم خطوط الويب الآمنة التي ترضي العين ، سيكون مستخدموك ممتنين وأكثر رغبة في العودة واستهلاك المزيد من المحتوى الخاص بك. فما تنتظرون؟ البدء في استخدام هذه الخطوط و جعل موقع رائع لعملك!

اقرأ أكثر:

حول عزرين عزمي

أزرين عزمي هي كاتبة ولها ولع بالكتابة عن تسويق المحتوى والتكنولوجيا. من YouTube إلى Twitch ، يحاول التواصل مع أحدث ما تم إنشاؤه في إنشاء المحتوى واكتشاف أفضل طريقة لتسويق علامتك التجارية.