صفحه اول >> دانستنی ها >>
آموزش تگ 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>
<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>
<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>
<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>
<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
نظرات نظرات تا اطلاع ثانوی غیر فعال است.