آموزش CSS - فونت

 در CSS برای استایل دهی به ظاهر فونت ها (font)درصفحات وب ویژگی هایی وجود دارد. در اینجا برخی از ویژگی های اساسی وجود دارد که می توانید برای استایل دادن به فونت های خود استفاده کنید:

• font-family: این ویژگی فونت متن صفحه وب شما را تنظیم می کند. می توانید لیستی از خانواده فونت ها را به ترتیب اولویت مشخص کنید که با کاما از هم جدا شده اند. به عنوان مثال، ; font-family :  Arial، Helvetica، sans-serif اگر در سیستم کاربر در دسترس باشد، فونت را روی Arial تنظیم می کند، اگر Arial در دسترس نباشد به Helvetica و در نهایت اگر Arial و Helvetica در دسترس نباشد به یک فونت sans-serif عمومی تنظیم می کند.
• font-size: این ویژگی اندازه فونت را تعیین می کند. می توانید اندازه را بر حسب پیکسل، ems یا واحدهای دیگر مشخص کنید. به عنوان مثال، اندازه فونت 16 پیکسل، اندازه فونت را روی 16 پیکسل قرار می دهد.
• font-weight: این ویژگی وزن فونت را تعیین می کند. می‌توانید مقادیری مانند معمولی، پررنگ‌تر، پررنگ‌تر یا روشن‌تر را مشخص کنید. به عنوان مثال، font-weight: bold متن را پررنگ می کند.
• font-style: این ویژگی استایل فونت را تعیین می کند. می توانید مقادیری مانند نرمال، مورب  را مشخص کنید. به عنوان مثال،
• font-style: italic متن را مورب می کند.
• text-decoration: این ویژگی decoration را برای متن تنظیم می کند. شما می توانید مقادیری مانند زیر خط، خط، خط، یا هیچ را مشخص کنید. به عنوان مثال، text-decoration: underline یعنی زیر متن خط رسم میشود
• ویژگی font-variant: برای ایجاد یک افکت کوچک استفاده می شود. 

در اینجا مثالی از نحوه استفاده از این ویژگی ها برای استایل دادن به متن آورده شده است:

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}