تعیین مشخصات فونت ها، با تگ font و مشخصه های face و size و color ، در HTML

در یک فایل html بیش از هر چیز ، متن ها به کار می روند . زیبایی ، اندازه ، رنگ و سایر ویژگی های فونت های به کار رفته در متن اهمیت بسیار زیادی دارد . در html از تگ <font> برای تعیین ویژگی های فونت ها استفاده می شود . البته این کار را با CSS نیز می توان انجام داد و مطمئنا استفاده از CSS انتخاب بسیار بهتری می باشد ، اما برای شروع یادگیری و حتی در مواقعی خاص ، استفاده از تگ <font> مفید خواهد بود .

تعیین نوع فونت ها با مشخصه face :

در تگ <font> با استفاده از مشخصه face می توانیم نوع فونت را تعیین کنیم . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

با توجه به اینکه مشخصه face در تگ <font> برابر با Georgia قرار داده شده است ، بنابراین متن با فونت Georgia نمایش داده شده است .

تعیین اندازه فونت ها با مشخصه size :

در تگ <font> با استفاده از مشخصه size می توانیم اندازه فونت را تعیین کنیم . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

پاراگراف اول را با مشخصه size برابر 3 و پاراگراف دوم را با مشخصه size برابر 6 قرار داده ایم و تفاوت اندازه فونت های دو پاراگراف به خوبی قابل مشاهده می باشد .

تعیین رنگ فونت ها با مشخصه color :

در تگ <font> با استفاده از مشخصه color می توانیم رنگ فونت را تعیین کنیم . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

مشاهده می کنید که رنگ فونت ها به رنگ قرمز نمایش داده شده است زیرا مشخصه color در تگ <font> را برابر red قرار داده ایم .

  • فهرست مباحث
نویسنده علیرضا گلمکانی
شماره کلید 503
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 2 2 0
علی
۱۳۹۵/۰۶/۱۸
۱۱:۵۴

سلام من در اندروید یک فایل html رو با وب ویو بارگذاری کردم. می خوام بدونم برای فونت های فارسی ای که در پوشه assets گذاشتم هم با همین روش باید فونت رو اجرا کنم یا نه. خیلی ممنون می شم اگه جواب بدید. واقعا کارم گیره!

admin
۱۳۹۵/۰۶/۲۳
۲۳:۱۶

سلام.
باید در کنار فایل html ، فایل های مربوط به فونت را هم کپی کنید (در همان پوشه assets از پروژه اندروید). تا بتوانیم از فایل های فونت، یک آدرس نسبی، نسبت به محل فایل html داشته باشیم.
سپس بر اساس کلید زیر، با کدهای CSS ، فونت مورد نظر را به متن های فایل html اعمال می کنیم :



برای نمایش یک فایل HTML قرار گرفته در پوشه assets از پروژه اندروید، در یک WebView ، کلید زیر را بخوانید :



ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)