پکیج جامع آموزش زبان های برنامه نویسی و نرم افزار های کاربردی به زبان فارسی

آموزش CSS – خواص مقدماتی CSS – تنظیم فونت Font

آموزش CSS – خواص مقدماتی CSS – تنظیم فونت FontReviewed by همیار پروژه on Oct 9Rating: 5.0آموزش CSS – خواص مقدماتی CSS – تنظیم فونت Fontآموزش CSS – خواص مقدماتی CSS – تنظیم فونت Font

تنظیم فونت Font در CSS

آموزش CSS – خواص مقدماتی CSS – تنظیم فونت Font

خواص مقدماتی CSS – تنظیم فونت Font

فونت و ویژگیهای آن در سی اس اس

در  این جلسه که قسمت چهارم از دوره آموزش CSS میباشد با معرفی خواص های مقدماتی CSS و عنصر Font و ویژگیهای ان در خدمت شما عزیزان هستیم.در ادامه به روش تنظیم فونت متن با استفاده از استایل می پردازیم. بسیاری از اعمالی را که قبلاً با تگ <font> انجام می دادیم می توانیم با استایل انجام دهیم.

 

Font Family :
در این بخش از آموزش css ، تنظیم قلم و فونت را آموزش میدهیم.
در css دو نوع از خانواده فونت ها وجود دارد.

“generic family” مثل “Serif” یا “Monospace”
“font family” مثل “Times New Roman” یا “Arial”

با ویژگی font-family شما میتوانید نوع قلم مورد نظر را برای متن تنظیم کنید،چنانچه میخواهید از یک فونت خاص استفاده کنید ، نوع فونت مورد نظر خود را اول بنویسید ، چون ممکن است این فونت در کامپیوتر های دیگر موجود نباشد و باعث بهم ریختگی نظم خطوط شود میتوانید نام چند فونت دیگر را نیز وارد کنید.

برای مثال :

در صفحات نمایش کامپیوترها فونت های خانواده sans-serif نسبت به فونت های خانواده serif آسانتر خوانده میشوند و عمومی تر هستند.
یکی از نکات مهم در طراحی سایت استفاده از فونت استاندارد برای شکیل نشان دادن صفحات وب سایت شما میباشد.

پیشنهاد ویژه :   آموزش CSS – خواص مقدماتی CSS – تنظیم پس زمینه Background

 

Font Style :
با این ویژگی شما نوع نمایش متن را مشخص میکنید.این ویژگی دارای دومقدار زیر میباشد :
normal :متن به صورت معمولی نمایش داده میشود
italic : متن به صورات ایتالیک نمایش داده میشود
oblique : متن به صورت مورب نمایش داده میشود

مثال :

 

Font Size :
این ویژگی سایز متن را مشخص میکند. اندازه متن در طراحی وب سایت بسیار حائز اهمیت است. ویژگی font-size را میتوانید به صورت مطلق یا نسبی مقداردهی کنید . اگرچه در زوم و رزولیشن های مختلف این مقدار تغییر میکند.ولی این تغییر اندازه برای کل صفحه میباشد وشامل یک بخش نیست. سایز پیش فرض برای یک متنن نرمال 16px تعریف میشود.
برای متن هایی که در بالای صفحه (header) نمایش داده میشوند از تگ های <h1> – <h6> و تگ <p> برای پاراگراف های خود استفاده کنید، در مورد این تگ ها در قسمت آموزش HTML میتوانید بیشتر اطلاعات کسب کنید .

مثال :

 

تنظیم فونت با واحد EM :
در نسخه های اولیه Internet Explorer به دلیل پشتتیباتی نشدن واحد px بسیاری از طراحان از واحد em استفاده میکردند.
هر 1em رابر با 16px میباشد.

مثال :

این واحد در تمامی مرورگرها پشتیبانی میشود.

 

منبع : www.w3schools.com

همیار پروژه CSS

یک نظر

  1. سلام من چنتا عکس در صفحه وبم دارم اونارو به صفحات مرتبطش لینک دادم میخوام وقتی موس روی عکس رف یه متنی ظاهر بشه با چه دستوریی میتونم ؟

دیدگاه خود را بیان کنید