متن و فونت

متن و فونت در css

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

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

برای تغییر رنگ متن ها از خاصیت color در css استفاده می کنیم. انواع رنگ ها را در اینجا می توانید مشاهده کنید.color-fonts
همچنین می توانید با خاصیت font-family نوع فونت مورد استفاده در انواع عناصر را به صورت جداگانه و یا یکجا تعیین کنید. فونت های مخصوص وب سایت را می توانید دانلود کرده، در سایت خودتان قرار داده و از آن ها استفاده کنید. همچنین می توانید با لینک کردن فونت ها از دیگر سایت های مرجع به سایت خود از آن ها استفاده کنید. برای استفاده از فونت های داخلی سایت می بایست آن ها را در فایل css خارجی خود به سند html معرفی نمایید، برای این کار به صورت زیر عمل می کنیم :

@font-face{
font-family:’font-name’;
src:url(font-location) format(“font-format”)
}

سپس برای اختصاص فونت مورد نظر به عناصر متن و فرمت اینگونه می نویسیم :

element{
font-family:”font-name”
}

همچنین می شود سایز فونت عناصر متن و فرمت را با خاصیت font-size به اندازه مورد نیاز تغییر داد.

طریقه استفاده از موارد فوق را در زیر مشاهده می کنید:


و نتیجه به شکل زیر خواهد بود :
این یک متن نمونه است

html :
<b>این یک متن نمونه است</b>
style :
@font-face {
font-family:’Yekan’;
src:url(../fonts/Yekan.woff) format(“woff”)
}
b{
color:green;
font-family:Yekan;
font-size:26px;
font-weight:lighter;
}


 
مهم برای تغییر ضخامت متن ها نیز می توان از خاصیت font-weight در css استفاده کرد.

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی:2017/12/30

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *