خطوط الويب css المجموعة الاولى

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


ما الذي يميز هذي الخطوط ؟
المميز فيها انها بسيطة لرؤية العين من ناحية الشكلية غير معقده وبنفس الوقت جذابة لقرائة 



هل الخطوط متوافقة مع جميع متصفحات الويب ؟
نعم متوافقة تمامآ دامها تدعم خاصية  @font-face  والمتصفحات الداعمة هي التي في صورة سابقة :)


نبدأ ببركة الله تقديم خطوط 


  1. jozoor bold

خط رائع جدآ مصمم من قبل شركة أو مؤسسة جذور يتناسق مع جميع تصنيف المواقع , واضح وبشكل الهيئة الخطية عريضة 

يمكنكم تحميله من الرابط هنا .


1 . خط ثابت



خط رائع جدآ يتناسق مع جميع تصنيف المواقع , كلاسيكي قديم ولكنة جميل جدآ يستخدم غالبآ في مواضيع الهيئة الخطية متوسط
يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);
ثم استخدامه عن طريق الكود :
font-family: ' Thabit’, serif;
أو يمكنكم تحميله من الرابط هنا



3 . خط الاميري



خط رائع جدآ يتناسق مع جميع تصانيف المواقع , خط من افضل خطوط لسهولة قارئتة شبية بخطوط الكلك


يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
ثم استخدامه عن طريق الكود :
font-family: 'Amiri', serif;
أو يمكنكم تحميله من الرابط هنا


3 . خط لطيف


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


يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(http://fonts.googleapis.com/earlyaccess/lateef.css);
ثم استخدامه عن طريق الكود :
font-family: ' Lateef', serif;
أو يمكنكم تحميله من الرابط هنا


هنا انتهينا انتظرونا في موضوع خطوط المجموعة الثانية ,شاركونا رأيكم ^^

التصنيفات:

#buttons=( أقبل ! ) #days=(20)

يستخدم موقعنا ملفات تعريف الارتباط لتعزيز تجربتك. لمعرفة المزيد
Accept !