ویژگی های font در css بخش اول | ویژگی font-size | ویژگی font-style

ویژگی های font در css بخش اول را تقدیم علاقه مندان یادگیری طراحی سایت می کنیم.

در مجموعه مقالات سایت آموزی در دو بخش ویژگی های font را در css و css3 براتون شرح میدم.

ویژگی های font در css بخش اول

ویژگی های font در css بخش اول | ویژگی font-size | ویژگی font-style

ویژگی های font در css بخش اول | ویژگی font-size | ویژگی font-style

در این بخش ۴ ویژگی از مجموعه ویژگی های font رو براتون شرح میدم.

ویژگی font-family :

این Property نوع فونت رو در سند css شما تعیین می کنه.

شما می تونید فونتی که مدنظرتون هست به شکل زیر کدنویسی کنید:

p { font-family: ‘Arial’;}

ویژگی font-size :

با این ویژگی شما می تونید سایز فونت خودتون رو به دلخواه تغییر بدید.

معمولا سایز فونت ها رو با واحد em و یا واحد pixel تعیین می کنند.

کدنویسی این Property به شکل زیر انجام میشه:

p { font-size: 15px; }

ویژگی font-weight :

از طریق این ویژگی شما می تونید ضخامت فونت خودتون رو به دلخواه کنترل کنید.

این ویژگی دارای ۹ مقدار از ۱۰۰ تا ۹۰۰ برای ضخامت های گوناگون هستش و همینطور مقدار bold ، مقدار normal ، مقدار inherit (ارث گرفتن صفت از والد پدری) ، مقدار border و مقدار lighter می باشد.

که همه این مقادیر به نوعی ضخامت یک فونت رو کنترل می کنند.

کد زیر رو به عنوان نمونه مشاهده کنید :

p { font-weight: bold; }

ویژگی font-style :

این ویژگی هم حالت یا استایل فونت رو مشخص می کنه.

خصوصیت font-style چهار مقدار می گیره. مقدار اول که inherit هست و استایل فونت رو از والد پدریش ارث می بره.

مقدار دومی italic هست که سبک و استایل فونت شما رو به حالت کج ایتالیک تغییر می ده.

مقدار سومی حالت normal هست که از اسمش مشخصه که به حالت طبیعی سبک فونت اشاره می کنه.

و مقدار چهارمی oblique هست. این مقدار هم استایل فونت رو به شکل مورب یا کج تبدیل می کنه.

در حقیقت مقدار چهارم تفاوت خاصی با حالت italic ندارد و هر دو تقریبا سبک یکسانی به فونت می دهند.

کد زیر نمونه ای از بکارگیری این ویژگی هست :

p { font-style: italic; }

ویژگی های font در css بخش اول | ویژگی font-size | ویژگی font-style – اختصاصی سایت آموزی