برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ font در HTML - راهنمای کار با فونت در html

برای تعریف نام فونت، اندازه و رنگ فونت متن صفحه از تگ font استفاده می شود.

برای تعریف نام فونت، اندازه و رنگ فونت متن صفحه از تگ font استفاده می شود.

تگ font در HTML5 پشتیبانی نمی شود و باید به جای آن از css استفاده کرد.


مثال تگ font در HTML

مثال 1: استفاده از تگ font

 <font face="verdana" size="3" color="blue">This is a paragraph</font>


مثال 2: تنظیم رنگ فونت با css

<p style="color:red">This is a paragraph.</p>
<p style="color:blue">This is another paragraph.</p>


مثال 3: تنظیم نوع فونت با css

<p style="font-family:verdana">This is a paragraph.</p>
<p style="font-family:Courier New">This is another paragraph.</p>


مثال 4: تنظیم سایز فونت با css

<p style="font-size:30px">This is a paragraph.</p>
<p style="font-size:11px">This is another paragraph.</p>


مثال 5: تنظیم فونت، رنگ و اندازه با استفاده از CSS

<p style="font-family:verdana; font-size:14px; color:blue;">This is a paragraph.</p>


مثال 6: تنظیم فونت، رنگ و اندازه برای کل صفحه با استفاده از CSS

<!DOCTYPE html>
<html>
<head>
<style>

body{
 font-family:verdana;
 font-size:14px;
 color:blue;
}

</style>
</head>
<body>

<h2>This is a title</h2>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>


پشتیبانی مرورگرها

تگ <font> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی بله بله بله بله بله


ویژگی ها

ویژگی مقدار توضیحات
color rgb(x,x,x)
xxxxxx#
colorname
رنگ متن را مشخص می کند.
 این ویژگی در HTML5 پشتیبانی نمی شود.
face font_family نوع فونت را مشخص می کند.
 این ویژگی در HTML5 پشتیبانی نمی شود.
size number اندازه فونت را مشخص می کند.
 این ویژگی در HTML5 پشتیبانی نمی شود.


 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،

نظرات نظرات تا اطلاع ثانوی غیر فعال است.