افزودن فونت
- نویسنده موضوع حسـام
- تاریخ شروع
در این روش با css3 فونت های مورد نظرتان را می توانید به قالب سایتتان اضافه کنید. ابتدا باید فونت مورد نظرتان را با 3 فرمت eof برای مرورگر ینترنت اکسپلورر و ttf برای بقیه مرورگرها و woff که با حجم پایین است را داشته باشید.
بعد از آن کد زیر را در استایل قالبتان کپی کنید :
CSS
1
2
3
4
5
6
7
8
9
@font-face {
font-family: 'newfont';
src: url('fonts/newfont.eot');
src: url('fonts/newfont.eot?#iefix') format('embedded-opentype'),
url('fonts/newfont.woff') format('woff'),
url('fonts/newfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
در خط دوم یک نام را جایگزین newfont کنید ، این نامی است که شما در استایل برای فراخوانی این فونت استفاده می کنید . حالا در خط سوم و چهارم آدرس فونت را با فرمت eof جایگزین آدرس فعلی کنید ، همین کار را برای فرمت woff در خط پنجم و فرمت ttf را در خط ششم انجام دهید.
حالا برای استفاده از این فونت کافی است نامی که در خط دوم برای این فونت وارد کردید را در استایل دهی وارد کنید ، مثل زیر:
CSS
1
2
3
4
h1{
font-family: 'newfont';
font-size: 14px;
}
