إضافة خط جديد للموقع واستعماله في CSS - المطور | نطوّر الويب العربي
أخر التدوينات
الجمعة، 5 سبتمبر، 2014

إضافة خط جديد للموقع واستعماله في CSS

 السلام عليكم ورحمة الله تعالى وبركاته

إضافة خط جديد للموقع واستعماله في CSS

في هذا الدرس على المطور .نت اليكم اليوم كيفية إضافة خط جديد للموقع واستعماله في CSS , بعد طلب من بعض الاخوة متابعي موقع المطور .نت , اليكم هذا الشرح , فالكثير يبحث عن خط مميز لموقعة غير موجود في باقي المواقع يكون خط مميز وحصري ومفهوم ومريح للزائر , ويمكنك تخصيصة الى فئة مثلا h2 او h1 ..... عبر لغة css .

ولتعريف الخط الجديد كل ما عليك اضافة هذا الكود في بداية ملف css في موقعك

} font-face@
// إسم الخط وهو الذي ستقوم بإستعماله عندما تريد تطبيق الخط
font-family:fontname;
// رابط الخط
src: url('font-link') d


اغلب الخطوط بصيغة التالي وهي ttf. مثلا انا اريد ان اضيف خط جديد اسمة almtwr.ttf اقوم بالتعديل على الكود ليصبح كا الاتي الذي في الاسفل
 
} font-face@
// إسم الخط وهو الذي ستقوم بإستعماله عندما تريد تطبيق الخط
font-family:almtwr;
// رابط الخط
src: url('almtwr.ttf') d

لتحميل الكود من هنا 



اليكم مواقع عربية واجنبية لتحميل الخطوط 
 www.arfonts.net
www.arafonts.com
 www.dafont.com
www.1001freefonts.com













إضافة خط جديد للموقع واستعماله في CSS Reviewed by Ahmad Waleed on 8:23 ص Rating: 5  السلام عليكم ورحمة الله تعالى وبركاته في هذا الدرس على المطور .نت اليكم اليوم كيفية إضافة ...

هناك تعليقان (2):

  1. طب يا اخى انته حاطط الاكواد و المواقع بدون نسخ ولا حتى لينك ؟؟؟؟ طب ده ايه و النبى ؟؟

    ردحذف
    الردود
    1. عبارة عن كودين أثنين يجب على كل شخص متقن لغة css ان يكون قد حفظهما

      على كل حال يمكنك تحميل الكود من هنا
      http://www.gulfup.com/?3CDX5l

      حذف

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي ,ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود


=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r

.