آموزش پیشرفته ASP.Net Web Forms نحوه اضافه کردن فونت (Font) دلخواه به قالب سایت
589 بار بازدید -
3 سال پیش
-
به نام خدا در خدمت
به نام خدا در خدمت شما عزیزان هستیم با آموزش asp.net webform در این قسمت میخواهیم ببینیم چگونه می توانیم از فونت های سفارشی در وب سایت ASP.NET خود استفاده کنیم. فونت ها بخش مهمی از برنامه وب سایت ما هستند. استفاده از فونت مناسب در برنامه وب ما، آن را برای کاربران ما زیباتر و جذاب‌تر می‌کند.مخصوصا بین برنامه نویسان ایرانی استفاده از فونت های فارسی از درجه اهمیت بالایی برخوردار هست.برای شروع در محیط توسعه ویژوال استودیو تو قسمت روت سولوشن یک پوشه به نام Content ساختیم ، داخل پوشه Content یک کلاس به نام SiteCss.css داریم و یک پوشه به نام Font.داخل پوشه Font هم یک کلاس به نام MainFont.css داریم و یک پوشه به نام Fonts داریم.داخل پوشه Fonts ما فونت های مورد نیاز مثل BNasim و BYekan رو قرار دادیم.داخل کلاس MainFont.css برای هندل کردن فونت های BNasim و BYekan کد های زیر رو نوشتیم:
@font-face {
font-family: 'YekanWebFont';
src: url('Fonts/BYekan.eot');
src: url('Fonts/BYekan.eot?#iefix') format('embedded-opentype'), url('Fonts/BYekan.woff') format('woff'), url('Fonts/BYekan.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BBNasim';
src: url('Fonts/BBNasim.eot');
src: url('Fonts/BBNasim.eot?#iefix') format('embedded-opentype'), url('Fonts/BBNasim.woff') format('woff'), url('Fonts/BBNasim.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
در قدم بعدی css های بالا رو باید import کنیم برای اینکار داخل کلاس SiteCSS.css کد های زیر رو نوشتیم :
@import url('Font/mainFont.css');
.MainDiv {
font-family: YekanWebFont,BBNasim,Tahoma;
}
.MainDiv2{
font-size:2vw;
font-family: BBNasim,YekanWebFont,Tahoma;
}
حالا برای اعمال شدن فونت مورد نظر در سایت مون ، کلاس SiteCSS.css رو داخل تگ head وب فرم مون لینک میدیم.حالا کلاس MainDiv رو تو هر عنصر یا المنتی که بکار ببریم ، استایل فونت متن اون عنصر به اون فونتی که از قبل تعیین کردیم تغییر میکنه.
3 سال پیش
در تاریخ 1400/08/15 منتشر شده
است.
589
بـار بازدید شده