فونت ها نقش مهمی در ایجاد یک وب سایت کاربر پسند و افزایش قابلیت خوانایی محتوای یک وب سایت بازی می کنند. ظاهر و رنگ فونت به طور کامل بستگی به رایانه و مرورگری دارد که برای مشاهده صفحه ی وب از آن استفاده می کنید، اما شما می توانید از برچسب <font> برای اضافه کردن سبک ، اندازه و رنگ به متن، در وب سایت خود استفاده کنید. شما می توانید از برچسب <basefont> برای تنظیم تمام متن محتوا با اندازه، ظاهر و رنگ یکسان استفاده کنید.
برچسب فونت دارای سه ویژگی به نام size، color و face برای سفارشی کردن فونت های خود می باشد. شما می توانید برای تغییر هر یک از این ویژگی ها در صفحه وب ، به سادگی از برچسب <font> استفاده کنید.
هر تگ <font> با یک تگ </ font> بسته می شود. و بین این دو تگ محتوایی که قصد نمایش آنرا دارید، قرار داده می شود.
شما می توانید یک یا همه ویژگی های فونت را در یک تگ <font> قرار دهید و آنها را با مقادیر دلخواه، مقداردهی کنید.
نکته: تگ های font و basefont تقریبا بی استفاده هستند و قرار است در آینده در نسخه های بعدی از HTML حذف شوند. بنابراین نباید آنها را مورد استفاده قرار دهید، پیشنهاد می شود از استایل دهی CSS برای دستکاری فونت های خود استفاده کنید. اما برای اهداف آموزشی، در این آموزش تگ های font و basefont را به تفصیل شرح خواهیم داد.
شما می توانید اندازه فونت محتوا را با استفاده از ویژگی size تنظیم کنید. محدوده مقادیر پذیرفته شده از 1 (کوچکترین) تا 7 (بزرگترین) است. اندازه پیش فرض یک فونت 3 می باشد.
مثال:
<!DOCTYPE html> <html> <head> <title>Setting Font Size</title> </head> <body> <font size = "1">Font size = "1"</font><br /> <font size = "2">Font size = "2"</font><br /> <font size = "3">Font size = "3"</font><br /> <font size = "4">Font size = "4"</font><br /> <font size = "5">Font size = "5"</font><br /> <font size = "6">Font size = "6"</font><br /> <font size = "7">Font size = "7"</font> </body> </html>
