در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم.
اندازه فونت را می توان با دستور زیر تعیین کرد:
<font size="x">We want to set the text size</font>به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی استفاده می کنیم. به مثال زیر توجه کنید:
<font size="+2">This can be seen in the larger context</font>این هم نتیجه تغییر سایز فونت:
This can be seen in the larger context
برای کوچکتر کردن متن نیز به همین صورت عمل می کنیم:
<font size="-2">This text appears smaller</font>این هم متن کوچک شده:
This text appears smaller
این هم تعدادی مثال برای درک بهتر مطالب:
<font size="+3">This text is written as 3</font>
This text is written as 3
<font size="+2">This text is written as 2</font>This text is written as 2
<font size="+1">This text is written as 1</font>This text is written as 1
<font size="-1">This text is written as -1</font>This text is written as -1
<font size="-2">This text is written as -2</font>This text is written as -2
<font size="-3">This text is written as -3</font>This text is written as -3
برای تغییر رنگ متنها نیز می توانیم به روش زیر عمل کنیم، با این فرمان :
<"font color="Color>می توانیم رنگ مورد نظر خود را با نام انگلیسی آن در فرمان بالا قرار دهیم یا از معادل هگزا دسیمال رنگ به جای اسم رنگ استفاده کنیم.
برای شروع با اسم رنگ شروع می کنیم:
<font color="green">Text</font>متن نهایی:
text
حالا از معادل هگزا دسیمال رنگ قرمز به جای نام رنگ استفاده می کنیم. البته استفاده از اسم رنگها ساده تر است اما شما ممکن است بخواهید از رنگهای پیچیده تری استفاده کنید.در مورد رنگ قرمز باید به این صورت عمل کنیم:
<font color="00FF00">text</font>
در اینجا نتیجه با مثال قبلی یکسان است:
text
معادل هگزا دسیمال رنگها را باید با علامت # شروع کرد و بعد از این علامت شش حرف یا عدد دیگر قرار می گیرد. برای رنگ قرمز بعد از علامت # دو F و چهار صفر قرار می گیرد.
اگر می خواهید معادل هگزادسیمال رنگها را به دست آورید اینجا را کلیک کنید.
فرض کنید می خواهید رنگ و اندازه متنی را همراه با هم تغییر دهید. برای این کار می توانید از دو تگ <font> استفاده کنید. اما به خاطر داشته باشید که هر دو را ببندید. مانند زیر:
<font size="+2"><font color="gold">Sample text</font></font>sample text
همچنین می توانید از شناسه های size و color در یک تگ <font> استفاده کنید. مانند زیر:
<font size="+2" color="gold">sample text</font>
sample text
شما می توانید رنگ فونت را در تگ body تعریف کنید که بعداً به آن می پردازیم.
برگرفته از آموزش یاسر زینلی