استایل فونت ها جلسه ششم

استایل فونت ها جلسه ششم

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

استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم css font

در css فونت ها(قلم) به دو گروه عمده تقسیم میشن: فونت های خانواده Serif و فونت های خانواده sans serif . فونت هایی که در این خانواده ها قرار میگیرند با هم شباهت ساختاری دارند.برای اینکه تفاوت این دو گروه رو بهتر درک کنید به تصویر زیر نگاه کنید:

استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم serif

استایل فونت ها جلسه ششم:خانواده فونت CSS

در CSS، دو نوع از نام خانواده فونت وجود دارد:

  • generic family – گروهی از خانواده های فونت با ظاهری مشابه (مانند “Serif” و یا “Monospace”
  • font family – یک خانواده خاص فونت (مانند ” Times New Roman” و یا “Arial”
Generic خانواده Font خانواده توضیحات
Serif Times New Roman
Georgia
فونتهای serif در پایان برخی کاراکترها خطوط کوچکی دارند
Sans-serif Arial
Verdana
معنی “sans” ، “بدون” می باشد – این فونتها خطوط آخر کاراکتر را ندارند.
Monospace Courier New
Lucida Console
تمام کراکتر های Monospace دارای عرض یکسان می باشند.

استایل فونت ها جلسه ششم:تغییر نوع فونت در css

  • نام: font-family
  • این ویژگی چه کاری انجام می‌دهد؟‌ تغییر نوع فونت
  • چه چیزهایی را در مقابلش بنویسیم؟  نام فونت‌ دلخواه
  • نمونه نوشتن این ویژگی: font-family: tahoma

برای تغییر نوع فونت نیز در مرحله‌ی اول، المان مورد نظر را انتخاب می‌کنیم. سپس در بین کروشه دستور font-family را می‌نویسیم و در جلوی آن نام فونتی که قصد انتخاب آن را به عنوان فونت المان داریم انتخاب می‌کنیم. مثال زیر این کار را نشان می‌دهد. 

 استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم font

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

خاصیت font-style عمدتا برای تعیین متن مورب(italic) مورد استفاده قرار می گیرد.
این خاصیت دارای سه مقدار زیر است:

  • عادی normal – متن بصورت عادی نشان داده می شود
  • مورب italic – متن بصورت کج (italic ) نشان داده می شود
  • مایل oblique – متن “تکیه” می دهد (مایل بسیار شبیه به مورب است ، اما کمتر پشتیبانی می شود)

 

مثال:

استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم font1

خاصیت font-style عمدتا برای تعیین متن مورب(italic) مورد استفاده قرار می گیرد.

  • عادی normal – متن بصورت عادی نشان داده می شود
  • مورب italic – متن بصورت کج (italic ) نشان داده می شود
  • مایل oblique – متن “تکیه” می دهد

استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم Capture 15استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم استایل فونت ها جلسه ششم Capture2

 

آموزش CSS آموزش طراحی وب

دیدگاه خود را بیان کنید