خانه / آموزش کامل CSS / آموزش کامل CSS – قسمت ششم: فونت ها در css
آموزش سی اس اس

آموزش کامل CSS – قسمت ششم: فونت ها در css

در قسمت پنجم آموزش css با نحوه تغییر دادن متن ها در سی اس اس آشنا شدیم. در این قسمت از آموزش روش کار کردن با فونت ها در css را خواهیم گفت.

تغییر فونت ها در css

ابتدا به یکی از روش های انتخاب متن که در جلسات قبلی آموزش یاد گرفتیم متن مورد نظر خود را انتخاب می کنیم. برای مثال ما می خواهیم المان های پاراگراف که دارای کلاس text هستند را با اندازه بزرگ نمایش بدهیم. برای این کار:

ابتدا نام کلاس مورد نظر را با یک نقطه می نویسیم. بدین ترتیب تمام المان هایی که دارای کلاس مورد نظر هستند صرف نظر از نوع و خواص آن ها مورد خطاب قرار می گیرند. در گام بعدی تغییرات مورد نظر را در بین کروشه ها می نویسیم. در اینجا باید اندازه فونت مورد نظر را برحسب پیکسل بیان کنیم.

<p class=”text”>متن مورد نظر</p>

.text {

font-size: ۱۴px; }

تغییر نوع فونت

برای تغییر نوع فونت نیز بعد از انتخاب المان مورد نظر از خاصیت font-family استفاده می کنیم.

<p>متن موردنظر</p>

p {

font-family: tahoma; }

نکته: در مقابل font-family می توان چند فونت را نوشت و با کاما از هم جدا کرد که اگر فونتی در سیستم نبود بعدی اعمال شود.

حالت فونت

برای تغییر در استایل فونت می توانیم از خاصیت font-style استفاده کرد. استایل فونت شامل حالت های italic , oblique و normal می باشد. مثال:

 پایان قسمت ششم

درباره ما admin

محمد صفری : مهندس نرم افزار و طراح سایت

این موارد رو هم بررسی کنید

آموزش سی اس اس

آموزش کامل CSS – قسمت یازدهم: موقعیت المان ها

در این قسمت از آموزش css با امکان جابجا کردن المان ها در صفحات وب به …



هنوز هیچ دیدگاهی وجود ندارد

× برای پیوستن به بحث نیاز به ورود دارید