منتدى جلاكسو

غير متصل شريف رمزى

  • الموظفين
  • *******
  • المشاركات :397
  • عضويه: 8
  • تاريخ التسجيل : 18/07/2005 » 06:01:am
شرح اضافة خطوط جديده لتصميم موقعك اكواد css
 (شوهد 877 مرات)
« : 08/02/2017 » 11:48:am »


اصبح من الضرورى اضافة خطوط جديده لتصميم موقعك بديلا عن الخطوط القديمه التى اصبحت ممله لعين القارىء خصوصا بعد ان اصبح هناك الكثير من الخطوط الجديده والجميله التى تريح العين ايضا اثناء القراءه.

ولاضافة خط جديد لتصميم موقعك افتح ملف css واضف فى بدايته الكود
شفرة: [اختيار]
@font-face {
// إسم الخط وهو الذي ستقوم بإستعماله عندما تريد تطبيق الخط
    font-family: fontName;
// رابط الخط
    src: url('fontLink');
}
الخطوط تكون غالبا بصيغة .ttf مثلا إذا كنت تريد إضافة خط جديد بإسم richaweb.ttf سيكون الكود الذي ستضيفه في بداية ملف CSS هو كالتالي
شفرة: [اختيار]
@font-face {
// إسم الخط وهو الذي ستقوم بإستعماله عندما تريد تطبيق الخط
font-family: richaweb;
// رابط الخط
    src: url('richaweb.ttf');
}
لتطبيق الخط على h1 مثلا ستقوم باستعمال الخط الجديد كما تستعمل الخطوط العادية سيكون الكود كالتالي
شفرة: [اختيار]
h1{
font-family:richaweb;
}

كتبت لكم اهم المواقع اللى يمكنك تحميل خطوط منها ستراها بعد الرد على الموضوع
خطوط عربيه وخطوط انجليزيه

[****]
خطوط عربية
www.arfonts.net
www.arafonts.com

خطوط أجنبية
www.dafont.com
www.1001freefonts.com

الخط الأمازيغي
https://www.ircam.ma/ar/index.php?soc=telec&rd=3
[/****]
سجل
NoAvatar

غير متصل uaiwejuf

  • عضويه فضيه
  • ***
  • المشاركات :1,636
  • عضويه: 28990
  • تاريخ التسجيل : 12/11/2012 » 02:36:pm
رد: شرح اضافة خطوط جديده لتصميم موقعك اكواد css
 (شوهد 877 مرات)
« رد #1 : 28/02/2017 » 09:30:pm »
سلمت يداك
مشكور على المشاركة الرائعة
سجل