عنصر FONT در HTML 4 نادیده گرفته شده و بخشی از مشخصات HTML5 نیست. بنابراین، اگر می خواهید فونت ها را در صفحات وب خود تغییر دهید، باید چگونگی انجام این کار را با CSS (Cascading Style Sheets ) یاد بگیرید.
مراحل تغییر فونت با CSS
- یک صفحه وب را با استفاده از یک ویرایشگر متن HTML باز کنید . این می تواند یک صفحه جدید یا موجود باشد.
- نوشتن یک متن: این متن در Arial است
- متن را با عنصر SPAN متمرکز کنید: این متن در Arial است
- attribute style = "" را به برچسب span اضافه کنید: این متن در Arial است
- در ویژگی سبک، فونت را با استفاده از سبک فونت تغییر دهید: این متن در Arial است
نکاتی برای تغییر فونت با CSS
- جدا کردن گزینه های فونت چند با کاما (،). مثلا،
- فونت خانواده: Arial، Geneva، Helvetica، sans-serif؛
- بهتر است همیشه دارای حداقل دو فونت در ستون font (لیست فونت ها) باشد، به طوری که اگر مرورگر فونت اولی را نداشته باشد، می تواند از دوم به جای آن استفاده کند.
- همیشه هر سبک CSS را با نیمه کولون (؛) متوقف کنید. لازم نیست زمانی که تنها یک سبک وجود دارد، اما عادت خوبی است که به آن وارد شوید.
- این مثال از سبک های درون خطی استفاده می کند، اما بهترین نوع سبک ها در ورق های سبک خارجی قرار می گیرند تا شما بتوانید بیش از یک عنصر را تحت تأثیر قرار دهید. شما می توانید از یک کلاس برای تنظیم سبک در بلوک های متن استفاده کنید. مثلا:
- class = "arial"> این متن در Arial است
- با استفاده از CSS:
- .arial {font-family: Arial؛ }