vendredi 5 septembre 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