إضافة خط جديد للموقع واستعماله في 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