قائمة بأفضل الخطوط العربية للويب والمواقع الالكترونية، خطوط الفونت فيس، خطوط عربية لتصميم المواقع ولمدونة بلوجر، افضل خط عربي للمواقع
سأعرض في هذه التدوينة قائمة بــأفضل الخطوط العربية الصالحة للويب التي يمكنك إستخدامها في تطبيقات الويب سواء لموقعك الإلكتروني أو لمدونتك علي بلوجر Blogger أو علي ورد بريس WordPress .
تعرف من هنا علي: افضل 5 قوالب بلوجر احترافية جدا.
ما هي خطوط الويب والتي تصلح للمواقع الالكترونية؟
خطوط الويب هي عبارة عن خطوط مفتوحة المصدر أو يمكنها أن تأخد أمتداد غير الـ TTF وهو ما يجعلها قابلة للإستخدام في نطاق الانترنت والمواقع الالكترونية ، كما أنها تكون متاحة أيضاً في صورة الفونت فيس Font-Face أو صورة الـ Link والتي يمكنك استيرادها الي موقعك وبالتالي استخدامها .
وتسمي خطوط الويب بالـ Web Safe Fots وتلك هي خطوط تكون موجودة في المتصفحات والتي يمكنك استخدامها مباشرة دون تحميلها في صفحة الـ HTML، ولكن هناك مجموعة اخري من الخطوط والتي تحتاج من تحميلها اولا في صفحة الـ HTML الخاصة بموقعك.
قمت سابقاً بشرح طريقة إستخدام وإضافة خطوط الويب
علي مدونة بلوجر يمكنك الإطلاع عليها .
يستخدم هذه الخطوط مصممي المواقع Web Design وذلك لإبراز جمال موقعهم بإستخدام خطوط مميزة ولها طابع خاص ، ولهذا تأتي الحاجة لخطوط الويب Arabic Web Fonts.
أما في هذه التدوينة سأعرض أفضل الخطوط العربية التي يمكنك استخدامها في موقعك أو مدونتك ، وبالتالي يمكنك تحديد الخطوط المناسبة لموقعك والتي ستؤدي الغرض ، وتعبر عن المحتوي الخاص بك.
- أفضل الخطوط العربية للويب والمواقع :
-
خط الويب؛ خط كايرو Cairo Web Font
-
خط الويب؛ خط تجوال Tajawal Web Font
-
خط الويب؛ خط أميري Amiri Web Font
-
خط الويب؛ خط ركاس Rakkas Web Font
-
خط الويب؛ خط عارف الرقعة Aref Ruqaa Web Font
-
خط الويب؛ خط ليمونادا Lemonada Web Font
-
خط الويب؛ خط المسيري El Messiri Web Font
خط كايرو يعتبر من أشهر الخطوط المستخدمة في الويب، وهو من أكثرها إنتشاراً بين المواقع اللإلكترونية .
يعتبر خط ممتاز للإستخدام في الفقرات والنصوص الطويلة .
<link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet"></link>
خط تجوال يعتبر من أفضل الخطوط التي يمكنك إستخدامها في موقعك ، وأنا شخصياً أستخدم هذا الخط في موقعي للفقرات ولبعض العناوين .
<link href="https://fonts.googleapis.com/css?family=Tajawal&display=swap" rel="stylesheet"></link>
الخط الأميري يعتبر من أفضل الخطوط النسخ التي يمكنك إستخدامها في موقعك ، وأنا شخصياً قد إستخدمت هذا الخط في موقعي لفترة .
<link href="https://fonts.googleapis.com/css?family=Amiri&display=swap" rel="stylesheet"></link>
خط ركاس يعتبر من أفضل الخطوط التي يمكنك إستخدامها في موقعك للعناوين .
<link href="https://fonts.googleapis.com/css?family=Rakkas&display=swap" rel="stylesheet"></link>
خط عارف يعتبر من أفضل الخطوط الرقعة التي يمكنك إستخدامها في موقعك وخاصةً للعناوين .
<link href="https://fonts.googleapis.com/css?family=Aref+Ruqaa&display=swap" rel="stylesheet"></link>
خط ليمونادا يعتبر من أفضل الخطوط العربية التي يمكنك إستخدامها في موقعك .
<link href="https://fonts.googleapis.com/css?family=Lemonada&display=swap" rel="stylesheet"></link>
خط المسيري يعتبر من أفضل الخطوط العربية التي يمكنك إستخدامها في موقعك.
<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 يعطيك هذه الخطوط مجانا، ويمكنك زيارة الموقع من هنا .
.وشكراً ...
هناك 4 تعليقات
كوكتيل تحفة شكرا
ردحذفالعفو ❤
حذفاستفدت من هذه المقاله و أردت أن اشكرك
ردحذفم / علاء حسن
العفو في خدمة حضرتك دايماً ❤
حذف