ویژگی های font در css بخش اول
ویژگی های font در css بخش اول font-size font-style
صفات font در css بخش اول را تقدیم علاقه مندان یادگیری طراحی سایت می کنیم.
در مجموعه مقالات سایت آموزی در دو بخش ویژگی های font را در css و css3 براتون شرح میدم.
ویژگی های font در css بخش اول
در این بخش ۴ ویژگی از مجموعه ویژگی های 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; }
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
ویژگی های font در css بخش اول font-size font-style – اختصاصی سایت آموزی
دیدگاهتان را بنویسید