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

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

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

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

ویژگی های 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; }

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

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