آموزش و يادگيري تگ font در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <font> آشنا مي‌شويم. اين تگ براي تغيير رنگ، اندازه و نوع فونت متن استفاده مي‌شد، اما در نسخه‌هاي جديد HTML منسوخ شده و بهتر است از CSS براي استايل‌دهي متن استفاده شود.

تگ font در HTML چيست؟

تگ <font> به شما اجازه مي‌داد که ويژگي‌هايي مانند رنگ (color), اندازه (size) و خانواده فونت (face) را براي متن مشخص کنيد. با اين حال، استفاده از CSS جايگزين مناسبي براي کنترل ظاهر متن است و تگ font ديگر توصيه نمي‌شود.

مثال ساده از تگ font

<p><font color="red" size="4" face="Tahoma">اين متن با فونت و رنگ مشخص است.</font></p>

در اين مثال، متن داخل font به رنگ قرمز، اندازه ? و فونت Tahoma نمايش داده مي‌شود.

ويژگي‌هاي مهم تگ font

ويژگي	توضيح
color	رنگ متن (مثلاً red، #ff0000)
size	اندازه متن (از 1 تا 7)
face	نوع فونت متن (مثلاً Tahoma, Arial)

مثال جايگزين با CSS

<style>
  .styled-text {
    color: red;
    font-size: 18px;
    font-family: Tahoma, sans-serif;
  }
</style>

<p class="styled-text">اين متن با CSS استايل داده شده است.</p>

استفاده از CSS انعطاف بيشتري دارد و استاندارد HTML مدرن است.