فونت ها درHTML

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

یک دوره مقدماتی و رایگان سئو که بسیار پربار و سرشار از تجربه مدرس و با کیفیت بالا تهیه شده تا بتوانید در زمان کمتری وب سایت را سئو کنید.

2423 نفر
3 دقیقه
بروزرسانی در: دی 21, 1391

فهرست مطالب

در این مقاله ی آموزشی، نحوه ی استفاده ی صحیح از فونت ها را در اسناد html، آموزش خواهیم داد. استفاده از فونت ها در طراحی صفحات وب، از اهمیت بالایی برخوردار هست. علت این اهمیت در زیبایی، کارآیی و انعطاف پذیری طراحی ها نهفته است.

فونت ها در html

  • در HTML از تگ <font> نباید استفاده شود.
  • تگ font در Html4 نامناسب شناخته شده و از HTML5  حذف شده است.
  • کنسرسیوم جهانی وب  (W3C) تگ font را از لیست توصیه هایش حذف کرده است.
  • در HTML4 ، در شیوه نامه های(CSS) باید برای تعریف طرح بندی و نمایش خواص ، از بسیاری از عناصر خود استفاده کنند.

مثال زیر چگونگی استفاده از تگ <font> را نشان می دهد:

[html]
<html>
<body>
<p><"font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
</font>
</p>
<p><font size="3" face="verdana" color="blue">
This paragraph is in Verdana, size 3, and in blue text color.
</font>
</p>
<p>The font element is deprecated in HTML 4. Use CSS instead!</p>
</body>
</html>
[/html]

که نتیجه بدین صورت است:

فونت ها درHTML

تنظیم فونت متن :

این مثال چگونگی  تنظیم فونت یک متن را نشان می دهد:

[html]
<html>
<body>
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
</body>
</html>
[/html]

نتیجه کد بالا به این صورت است:

فونت ها درHTML

:تنظیم اندازه فونت متن

این مثال چگونگی تنظیم اندازه فونت یک متن را نشان می دهد:

[html]
<html>
<body>
<h1 style="font-size:200%">This is a heading</h1>
<p style="font-size:110%">This is a paragraph.</p>
</body>
</html>
[/html]

نتیجه کد بالا به این صورت است:

فونت ها درHTML

:تنظیم رنگ فونت متن

این مثال چگونگی  تنظیم رنگ فونت یک متن را نشان می دهد:

[html]
<html>
<body>
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
</body>
</html>
[/html]

نتیجه کد بالا به این صورت است:

فونت ها درHTML

به این صفحه رتبه دهید
بدون دیدگاه
انتشار: دی 29, 1390
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

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