قائمة بافضل الخطوط العربية للويب والمواقع الالكترونية

قائمة بأفضل الخطوط العربية للويب والمواقع الالكترونية، خطوط الفونت فيس، خطوط عربية لتصميم المواقع ولمدونة بلوجر، افضل خط عربي للمواقع

سأعرض في هذه التدوينة قائمة بــأفضل الخطوط العربية الصالحة للويب التي يمكنك إستخدامها في تطبيقات الويب سواء لموقعك الإلكتروني أو لمدونتك علي بلوجر Blogger أو علي ورد بريس WordPress .

تعرف من هنا علي: افضل 5 قوالب بلوجر احترافية جدا.

ما هي خطوط الويب والتي تصلح للمواقع الالكترونية؟

خطوط الويب هي عبارة عن خطوط مفتوحة المصدر أو يمكنها أن تأخد أمتداد غير الـ TTF وهو ما يجعلها قابلة للإستخدام في نطاق الانترنت والمواقع الالكترونية ، كما أنها تكون متاحة أيضاً في صورة الفونت فيس Font-Face أو صورة الـ Link والتي يمكنك استيرادها الي موقعك وبالتالي استخدامها .

وتسمي خطوط الويب بالـ Web Safe Fots وتلك هي خطوط تكون موجودة في المتصفحات والتي يمكنك استخدامها مباشرة دون تحميلها في صفحة الـ HTML، ولكن هناك مجموعة اخري من الخطوط والتي تحتاج من تحميلها اولا في صفحة الـ HTML الخاصة بموقعك.

قمت سابقاً بشرح طريقة إستخدام وإضافة خطوط الويب علي مدونة بلوجر يمكنك الإطلاع عليها .

يستخدم هذه الخطوط مصممي المواقع Web Design وذلك لإبراز جمال موقعهم بإستخدام خطوط مميزة ولها طابع خاص ، ولهذا تأتي الحاجة لخطوط الويب Arabic Web Fonts.

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

- أفضل الخطوط العربية للويب والمواقع :

1. خط الويب؛ خط كايرو Cairo Web Font

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

يعتبر خط ممتاز للإستخدام في الفقرات والنصوص الطويلة .


<link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet"></link>

2. خط الويب؛ خط تجوال Tajawal Web Font

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


<link href="https://fonts.googleapis.com/css?family=Tajawal&display=swap" rel="stylesheet"></link>

3. خط الويب؛ خط أميري Amiri Web Font

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


<link href="https://fonts.googleapis.com/css?family=Amiri&display=swap" rel="stylesheet"></link>

4. خط الويب؛ خط ركاس Rakkas Web Font

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


<link href="https://fonts.googleapis.com/css?family=Rakkas&display=swap" rel="stylesheet"></link>

5. خط الويب؛ خط عارف الرقعة Aref Ruqaa Web Font

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


<link href="https://fonts.googleapis.com/css?family=Aref+Ruqaa&display=swap" rel="stylesheet"></link>

6. خط الويب؛ خط ليمونادا Lemonada Web Font

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


<link href="https://fonts.googleapis.com/css?family=Lemonada&display=swap" rel="stylesheet"></link>

7. خط الويب؛ خط المسيري El Messiri Web Font

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


<link href="https://fonts.googleapis.com/css?family=El+Messiri&display=swap" rel="stylesheet"></link>

---

خط الايقونات، خط الـ Font Awesome

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

ويمكنك من هنا التعرف علي: طريقة اضافة خط font awesome الي موقعك، تركيب ال Font Awesome.

وفي النهاية أٌذكِركم بأن إستخدام خطوط جيدة ،بسيطة يسٌهل قرائتها يساعد في تحسين اداء موقعك وتقليل معدل الارتداد Bounce Rate .

هناك مواقع عديدة تقدم خطوط عربية لإستخدامها في الويب ولكن أفضلها بالطبع خدمة جوجل والذي قدم مجموعة من أفضل الخطوط العربية والأجنبية ، والتي تمتاز بسرعة تحميلها في موقعك لأنها مخزنة علي سيرفرات جوجل ؛ وهذه الخدمة أو الموقع Google Web Fonts يعطيك هذه الخطوط مجانا،  ويمكنك زيارة الموقع من هنا .

.وشكراً ...