انجمن یاران منتظر
عنوان موضوع ::: آموزش CSS، جلسه هفتم:: (فونت)
نویسنده :سپیده 313



ff9999;"> آموزش CSS، جلسه هفتم 

 
008000;">Font family(نوع فونت)
000080;">برای تعیین نوع فونت از مشخصه 9900ff;">font-family000080;"> استفاده می شود.

 
000080;">pff0066;">{000080;">font-familyff0066;">:000080;">"0000ff;">Times New Roman", Times, serifff0066;">;}
 
000080;">در تکه کد بالا نوع فونت برای تگ پاراگراف Times New Roman انتخاب شده است، اگر توسط مرورگر پشتیبانی نشود فونت Times و اگر این فونت هم موجود نباشد فونت serif انتخاب خواهد شد.

000080;"><html>
000080;"><head>
800080;"><style>
800080;">p.serif{font-family:"Times New Roman",Times,serif;}
800080;">p.sansserif{font-family:Arial,Helvetica,sans-serif;}
800080;"></style>
000080;"></head>
 
000080;"><body>
000080;"><h1>CSS font-family</h1>
000080;"><p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
000080;"><p class="sansserif">This is a paragraph, shown in the Arial font.</p>
 
000080;"></body>
000080;"></html>


000080;"> 
 



008000;">Font style(حالت فونت)
000080;"> مشخصه 9900ff;">font-style000080;"> دارای سه مقدار می باشد:

008080;">Normal000080;"> : متن به صورت نرمال و معمولی نمایش داده می شود.
008080;">Italic 000080;">: متن به صورت italic نمایش داده می شود.
008080;">Oblique000080;">: این حالت مانند حالت italic به صورت کج نمایش داده می شود اما مقدار کج شدن این حالت کمتر از حالت italic است.
000080;"> 
000080;"><html>
000080;"><head>
800080;"><style>
800080;">p.normal {font-style:normal;}
800080;">p.italic {font-style:italic;}
800080;">p.oblique {font-style:oblique;}
800080;"></style>
000080;"></head>
 
000080;"><body>
000080;"><p class="normal">This is a paragraph, normal.</p>
000080;"><p class="italic">This is a paragraph, italic.</p>
000080;"><p class="oblique">This is a paragraph, oblique.</p>
000080;"></body>
 
000080;"></html>

000080;"> 




008000;">Font Size(اندازه فونت)
000080;">برای تعیین اندازۀ فونت از مشخصه 9900ff;">font-size000080;"> استفاده می شود.

مدیریت سایز متن در طراحی وب بسیار مهم می باشد.

بهتر است که همیشه برای تگ های <h1>  تا <h6> و همیچنین تگهای <p> اندازه متن را مشخص نمایید.
اگر مقداری را برای یک تگ مشخص نکنید، بطور پیش فرض اندازه ای برای آن تگ درنظر گرفته خواهد شد؛ به عنوان مثال اندازه فونت تگ <p> بطور پیش فرض 16 پیکسل می باشد.
 

000080;"><html>
000080;"><head>
800080;"><style>
800080;">h1 {font-size:40px;}
800080;">h2 {font-size:30px;}
800080;">p.first{font-size:12px;}
800080;"></style>
000080;"></head>
000080;"><body>
 
000080;"><h1>This is heading 1</h1>
000080;"><h2>This is heading 2</h2>
000080;"><p class="first">This is a paragraph.</p>
000080;"><p>Specifying the font-size in px allows Internet Explorer 9, Firefox, Chrome, Opera, and Safari to resize the text.</p>
 
000080;"></body>
000080;"></html>


008000;"> دوستای گلم هرجا رو متوجه نشدید، یا نیاز به توضیح بیشتر داشت، توی همون درس به من اطلاع بدین