آموزش CSS (قسمت ۱۲ : تنظیم فونت با CSS) | خدمات کامپیوتری امداد133
خانه / کامپیوتر / اموزش / آموزش CSS (قسمت ۱۲ : تنظیم فونت با CSS)

آموزش CSS (قسمت ۱۲ : تنظیم فونت با CSS)

در این قسمت به روش تنظیم فونت متن با استفاده از استایل می پردازیم. بسیاری از اعمالی را که قبلاً با تگ <font> انجام می دادیم می توانیم با استایل انجام دهیم.

 

font-family : ویژگی font-family مشخص می کند که متن با چه فونتی باید نشان داده شود. این ویژگی در حقیقت جانشین شناسه face که در تگ fontt استفاده می شود است. گزینه پیش فرض برای فونت ممکن است در مرورگرهای مختلف تفاوت داشته باشد، اما معمولاً Times New Roman است.

در مثال زیر از ویژگی font-family برای تغییر فونت متن داخل یک div به Arial استفاده می کنیم :

این متن با فونت Arial نمایش داده می شود.

 

البته باید به خاطر داشته باشید که اگر بازدید کننده فونت مورد نظر شما را نداشته باشد، مرورگر به جای آن از فونت پیش فرض خود استفاده می کند. برای جلوگیری از بروز این مشکل باید از فونتهایی استفاده کنید که معمولاً به همراه سیستم عامل نصب می شوند و در اکثر سیستمها موجود هستند.

 


 

font-size : این ویژگی مشخص کننده اندازه فونت در صفحه می باشد. گزینه پیش فرض برای این ویژگی medium است.

این متن با اندازه ۳۰ پیکسل نمایش داده می شود.

 


 

font-style : کار این ویژگی تقریباً شبیه تگ <I> در HTML است، اما چون استفاده از تگهایی نظیر <FONT>, <B>, <U> و <I> در حال کمرنگ شدن است بهتر است از استایل برای مورب نشان دادن متن استفاده شود، این ویژگی می تواند مقادیر زیر را داشته باشد :

  • normal
  • italic
  • oblique

به یک مثال در مورد این ویژگی توجه کنید :

این متن را مشاهده فرمایید.
این متن را مشاهده فرمایید.
این متن را مشاهده فرمایید.

 


 

font-weight : این ویژگی به ما امکان می دهد تا میزان ضخامت متن را تعیین کنیم. می توانیم از مقادیر زیر برای این ویژگی استفاده کنیم :

  • normal
  • bold
  • bolder
  • lighter
  • ۱۰۰
  • ۲۰۰
  • ۳۰۰
  • ۴۰۰
  • ۵۰۰
  • ۶۰۰
  • ۷۰۰
  • ۸۰۰
  • ۹۰۰
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.
این متن تقریباً ضخیم مشاهده می شود.

درباره ی nasimazadi

مطلب پیشنهادی

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید