10 أفضل خطوط الويب الآمنة لمدونتك (العمل مع HTML & CSS)

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


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

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

تأتي جميع أنظمة التشغيل (windows و mac و android و ios وما إلى ذلك) مع كمية معينة من الخطوط المدمجة. المشكلة هي أن أنظمة تشغيل مختلفة قد يكون لها خطوط مختلفة مثبتة على أنظمتها.

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

الخطوط الآمنة للويب هي في الأساس أنماط الخطوط التي تتم مشاركتها وعرضها على جميع الأنظمة الأساسية والأنظمة المختلفة.

خدمات تضمين خط الويب

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

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

إليك HTML الأساسي للمبتدئين إذا كنت تريد معرفة المزيد.

لماذا تعتبر الخطوط الآمنة للويب مهمة?

“ما تراه هو ما تحصل عليه” عندما يتعلق الأمر بالطباعة ولكن على الويب ، قد لا يكون ما تراه على شاشتك هو نفسه تمامًا لشاشة شخص آخر.

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

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

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

إذا كنت تريد معرفة كيفية إنشاء موقع ويب (دليل خطوة بخطوة) ، يمكنك اتباع الرابط للتحقق من إحدى المقالات المنشورة الأخيرة.

أفضل 10 خطوط آمنة للويب نوصي بها

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

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

1. Arial

arialمثال لعائلة الخط Arial

قم بتحميل أي موقع ويب واحتمال استخدام الخط Arial.

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

2. هيلفيتيكا

هيلفيتيكامثال على عائلة خطوط Helvetica

إذا كانت الخطوط Arial هي المفضلة لمواقع الويب النظيفة والمحترفة ، فإن Helvetica هي التي تختار المصمم.

يقدم Helvetica خط sans serif أكثر أناقة والذي يسمح بالتصاميم الأكثر جرأة.

3. تايمز الرومانية الجديدة

تايمز الرومانية الجديدةمثال على عائلة خطوط Times New Roman

شكل جديد لخط Times القديم.

من المحتمل أن Times New Roman هو ما يعرفه معظم مستخدمي Windows نظرًا لكونهم خط serif القياسي في Microsoft Words. بالمقارنة مع Arial ، فإن Times New Roman أكثر تقليدية قليلاً في تصميمه.

4 مرات

مراتمثال على عائلة خطوط Times

إذا بدت Times مألوفة لك ، فهذا لأنه الخط القياسي المستخدم في مطبوعات الصحف القديمة.

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

5. Trebuchet MS

مقذوف مللي ثانيةمثال على عائلة خطوط Trebuchet MS

تم تصميم Trebuchet MS في الأصل من قبل Microsoft في التسعينات ربما من الخطوط القديمة على طراز العصور الوسطى.

تم استخدامه بشكل بارز باعتباره الخط الرئيسي لنظام التشغيل Windows XP وكخطوط نسخ نصية على الويب لبعض الوقت.

6. فردانا

فردانامثال على عائلة خط Verdana

واحدة من الخيارات الأكثر أمانًا لخط الويب ، تستخدم Verdana خطوط serif البسيطة والأحرف الكبيرة جدًا لتصميمها.

يجعل المظهر المطول للخطوط من أسهل الخطوط للقراءة على الشبكة وغالباً ما يكون الخط المفضل للعديد من المدونين.

7. أريال بلاك

ارييل الأسودمثال على عائلة الخط Arial Black

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

8. ساعي

التوصيلمثال على مجموعة خطوط Courier

يجب أن يكون Courier مألوفًا للجميع حيث يتوفر الخط القديم أحادي المسافة على جميع الأجهزة وأنظمة التشغيل تقريبًا كبديل احتياطي لأي خطوط “فريدة”.

إنه ليس الخط الأكثر أناقة ولكنه قابل للقراءة للغاية ومصمم بشكل نظيف.

9. ساعي جديد

ساعي جديدمثال على مجموعة خطوط Courier New

تمامًا مثل Times ، أعيد تصميم Courier أيضًا لتحديث أسلوبه الكلاسيكي.

يعتبر Courier New خطًا أحادي المسافة ومتوفرًا على غالبية الأجهزة وأنظمة التشغيل أيضًا.

10. جورجيا

جورجيامثال على عائلة خطوط جورجيا

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

على الرغم من أنه يجب الإشارة إلى أن الخط يعمل في مناسبات معينة ولا يعمل بشكل جيد مع خطوط serif الأخرى (تبدو صغيرة جدًا بجوار Times New Roman).

لا تستخدم مطلقًا: Comic Sans MS

بالتأكيد ، يبدو الأمر ممتعًا وغريبًا إلى حد ما ، ومع ذلك ، لا تستخدم مطلقًا Comic Sans MS إذا كنت ترغب في أن يأخذ موقع الويب الخاص بك على محمل الجد.

رسوم متحركةمثال على خط Comic Sans MS

خط sans-serif هو خط عرضي على حروف الكتاب الهزلي ويستخدم بشكل عام للوثائق غير الرسمية ومواد الأطفال. لا تستخدم Comic Sans MS إلا إذا كنت تكتب لكتاب للأطفال أو كتاب هزلي!

يتم إحتوائه

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

فقط أعدني أنك لن تستخدم Comic Sans MS تحت أي ظرف من الظروف.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map