منتدى جلاكسو

تطوير المواقع والمنتديات وادوات التصميم => ادارة وتطوير واشهار المواقع => الموضوع حرر بواسطة: شريف رمزى في 08/02/2017 » 11:48:am

العنوان: شرح اضافة خطوط جديده لتصميم موقعك اكواد css
أرسل بواسطة: شريف رمزى في 08/02/2017 » 11:48:am
(https://www1.glaxu.net/up3/uploads/wh_39751565.jpg)

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

ولاضافة خط جديد لتصميم موقعك افتح ملف 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
[/****]
العنوان: رد: شرح اضافة خطوط جديده لتصميم موقعك اكواد css
أرسل بواسطة: uaiwejuf في 28/02/2017 » 09:30:pm
سلمت يداك
مشكور على المشاركة الرائعة