مثال1 تغيير شكل الخط Font Face

في هذا المثال نريد تغيير شكل الخط للنص This is my font الذى قمنا بإنشائه في الملف text.html.

أولاً هدف المثال

يهدف هذا المثال إلى توضيح كيفية تغيير شكل الخط Font Face.

ثانياً خطوات التنفيذ

قم يتظليل Select النص This is my font ثم من لوحة الخصائص Properties Panel قم بالضغط على سهم أداة اختيار شكل الخط Font والموضحة في شكل 5 ثم اختيار شكل Font المناسب وهنا سنختار شكل الخط Font ليكون “Arial,Helvetca,sana-serif verdana,” ولاحظ حدوث تغيير في شكل وتصميم النص المحدد وهو النص “This is my font”.

ثالثاً عرض الملف

قم بحفظ هذا الملف عن طريق فتح قائمة File ثم Save ثم قم بالضغط على الزر F12 ليتم فتح برنامج الإنترنت إكسبلورر Internet Explorer كما هو واضح في شكل6.

ملخص المثال

تعلمنا في هذا المثال كيفية تغيير شكل الخط Font Face في صفحة الوب Web Page وسنقوم في الأمثلة القادمة بتوضيح المزيد من اختيارات تنسيق النصوص Text Formatting.

ثانياً حجم الخط Font Size

يتم تغيير حجم الخط Font Size لتكبير أو تصغير النص ويتم ذلك عن طريق أداة حجم الخط Size الموجودة في لوحة الخصائص Properties Panel كما يتضح لنا من المثال القادم.