السلام عليكم ورحمة الله تعالى وبركاته
في هدا الدرس سنرى طريقة إضافة خط جديد إلى مقوعك والكتابة به, وتخصيصه إلى فئة مثلا h1 أو h2… عبر CSS.
لتستعمل خط جديد في موقعك يجب عليك أولا التعريف به في بداية ملف CSS, لتتمكن من إستعماله في ستايل CSS لموقعك, ولتعريف خط جديد كل ما يجب عليك هو إضافة الكود التالي في بداية ملف CSS الخاص بالموقع
في هدا الدرس سنرى طريقة إضافة خط جديد إلى مقوعك والكتابة به, وتخصيصه إلى فئة مثلا h1 أو h2… عبر CSS.
لتستعمل خط جديد في موقعك يجب عليك أولا التعريف به في بداية ملف CSS, لتتمكن من إستعماله في ستايل CSS لموقعك, ولتعريف خط جديد كل ما يجب عليك هو إضافة الكود التالي في بداية ملف CSS الخاص بالموقع
1
2
3
4
5
6
| @font-face {// إسم الخط وهو الذي ستقوم بإستعماله عندما تريد تطبيق الخط font-family: fontName;// رابط الخط src: url('fontLink');} |
الخطوط تكون غالبا بصيغة .ttf مثلا إذا كنت تريد إضافة خط جديد بإسم richaweb.ttf سيكون الكود الذي ستضيفه في بداية ملف CSS هو كالتالي
1
2
3
4
5
6
| @font-face {// إسم الخط وهو الذي ستقوم بإستعماله عندما تريد تطبيق الخطfont-family: richaweb;// رابط الخط src: url('richaweb.ttf');} |
لتطبيق الخط على h1 مثلا ستقوم باستعمال الخط الجديد كما تستعمل الخطوط العادية سيكون الكود كالتالي
1
2
3
| h1{font-family:richaweb;} |
يمكنك تحميل خطوط من مواقع كثيرة و هذه بعضها
الخط الأمازيغي
http://www.ircam.ma/ar/index.php?soc=telec&rd=3
http://www.ircam.ma/ar/index.php?soc=telec&rd=3