فونت ها نقش بسیار مهمی در کاربرپسندتر کردن وب سایت و افزایش خوانایی محتوا دارند. صورت و رنگ فونت کاملاً به رایانه و مرورگری که برای مشاهده صفحه شما استفاده می شود بستگی دارد، اما می توانید از تگ <font> HTML برای افزودن سبک، اندازه و رنگ به متن در وب سایت خود استفاده کنید. می توانید از یک تگ <basefont> برای تنظیم تمام متن خود در اندازه، چهره و رنگ یکسان استفاده کنید.

تگ فونت دارای سه ویژگی به نام های اندازه، رنگ و چهره است تا فونت های شما را سفارشی کنید. برای تغییر هر یک از ویژگی های فونت در هر زمان در صفحه وب خود، به سادگی از تگ <font> استفاده کنید. متن زیر تا زمانی که با تگ </font> ببندید تغییر خواهد کرد. می توانید یک یا همه ویژگی های فونت را در یک تگ <font> تغییر دهید.

توجه – تگ های فونت و پایه فونت منسوخ شده اند و قرار است در نسخه بعدی HTML حذف شوند. بنابراین بهتر است از آنها استفاده نکنید، پیشنهاد می شود از سبک های CSS برای دستکاری فونت های خود استفاده کنید. اما همچنان برای هدف یادگیری، این فصل تگ های فونت و پایه فونت را با جزئیات توضیح می دهد.

اندازه قلم را تنظیم کنید
می توانید اندازه فونت محتوا را با استفاده از ویژگی اندازه تنظیم کنید. محدوده مقادیر پذیرفته شده از 1 (کوچکترین) تا 7 (بزرگترین) است. اندازه پیش فرض یک فونت 3 است.

مثال
تنظیم رنگ متن (با CSS):

<p style=”color:red”>This is a paragraph.</p>
<p style=”color:blue”>This is another paragraph.</p>
مثال
تنظیم فونت متن (با CSS):
<p style=”font-family:verdana”>This is a paragraph.</p>
<p style=”font-family:’Courier New'”>This is another paragraph.</p>
مثال
تنظیم اندازه متن (با CSS):
<p style=”font-size:30px”>This is a paragraph.</p>
<p style=”font-size:11px”>This is another paragraph.</p>
مثال
<!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>

نتيجه مثال بالا
Font size = “1”
Font size = “2”
Font size = “3”
Font size = “4”
Font size = “5”
Font size = “6”
Font size = “7”