فونت (font)
تگ «فونت (font)» در HTML5 پشتیبانی نمی شود. بنابراین از CSS استفاده کن. چون CSS برای رنگ، اندازه و خانواده فونت دقیق تر است.
به جای font از چه استفاده کنیم؟
برای «رنگ (Color)» از ویژگی style استفاده کن. این ویژگی، استایل درون خطی است. یعنی CSS مستقیماً داخل تگ می آید.
<p style="color: red">This is a paragraph.</p>
<p style="color: blue">This is another paragraph.</p>
انتخاب خانواده فونت با CSS
«خانواده فونت (font-family)» لیست فونت های پیشنهادی است. مرورگر اولین موجود را استفاده می کند.
<p style="font-family: verdana">This is a paragraph.</p>
<p style="font-family: 'Courier New'">This is another paragraph.</p>
تنظیم اندازه فونت با CSS
«اندازه فونت (font-size)» اندازه متن را تعیین می کند. می توانی px یا rem بدهی.
<p style="font-size: 30px">This is a paragraph.</p>
<p style="font-size: 11px">This is another paragraph.</p>
گام های عملی سریع
- ابتدا تگ متن را بنویس.
- سپس ویژگی style را اضافه کن.
- بعد color یا font-family را تعیین کن.
- در پایان font-size را تنظیم کن.
هشدار: از تگ قدیمی <font> استفاده نکن. چون استاندارد نیست.
نکته: برای سئو و دسترس پذیری، از فونت خوانا استفاده کن.
برای مطالعه بیشتر درباره متن، صفحه فونت و درباره شکل ها، شکل (figure) را ببین.
جمع بندی سریع
- <font> در HTML5 پشتیبانی نمی شود.
- رنگ متن با color تنظیم می شود.
- خانواده فونت با font-family می آید.
- اندازه فونت با font-size تعیین می شود.