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

المادة التي كتبها:
  • الأعمال التجارية عبر الإنترنت
  • تحديث: يناير 17 و 2019

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

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

بالإضافة إلى ذلك ، أنت في عداد المفقودين على وفرة من الطباعة على شبكة الإنترنت رائع على شبكة الإنترنت.

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

مع خطوطنا الإلكترونية الرائعة 25 ، سوف تتأكد من أن لديك موقع ويب مدهش للطباعة على الويب الخاص بك يعمل طوال الوقت ، بنهاية هذه المقالة!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

في نهاية الأمر ، يجب أن يكون لديك ورقة أنماط تبدو كالتالي:

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

1. اريال

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

2. Calibri

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

3. هلفتيكا

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

4. Segoe UI

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

5. Trebuchet MS

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

6. كامبريا

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

7. بالاتينو

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

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

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

9. جورجيا

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

10. Consolas

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

11. ساعي جديد

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

12. نوع تهامه

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

13. فيردانا

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

14. أوبتيما

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

15. جيل سان

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

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

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

17. Candara

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

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

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

19. ديدوت

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

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

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

21. روكويل

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

22. بودوني

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

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

الروابط / المصدر: 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 بالبحث في قاعدة البيانات الخاصة به لإعطائك أقرب النتائج. إذا كنت لا تزال لا تجد الخط الدقيق ، يمكنك حتى التوجه إلى منتدى لطلب المساعدة.

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

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

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

مقال بقلم أزرين عزمي

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

الحصول على اتصال: