انجمن ماورانت

آموزش تخصصی کامپیوتر و IT

ارسال پاسخ 
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
آشنایی با دستور Font-face در CSS3
۹-۱۱-۱۳۹۲, ۰۶:۵۶ عصر
ارسال: #1
Lightbulb آشنایی با دستور Font-face در CSS3
دستور Font-Face@
قبل از CSS3 طراحان وب مجبور بودند ، فقط از فونت های امن و فونت هایی که روی کامپیوتر کاربران نصب شده است استفاده کنند و این یک مشکل بزرگی بود برای طراحانی که به فونت سایت خود اهمیت می دادند.


طراحان وب با Css3 می توانند از هر فونتی که دوست دارند بدون دغدغه استفاده کنند.
هر زمان که فونت دلخواه خود را پیدا کردید ، فایل آن را در سرور خود قرار دهید تا زمانی که کاربر نیاز داشت روی کامپیوترش دانلود شود. فونت شما در دستور font-face@ تعریف می شود.


استفاده از فونت دلخواه
ر دستور جدید font-face@ شما ابتدا باید برای فونت انتخابی خود یک نام تعریف کنید (مانند : Myfirstfont) و سپس به فایل آن اشاره کنید.
در استفاده فونت برای HTML به نام فونت (myfirstfont) در داخل خاصیت font-family اشاره کنید.
کد:
<style>
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}

div
{
font-family:myFirstFont;
}
</style>

مشخص کننده های مورد نیاز برای این دستور :
font-family : مقدار = Name این مشخص کننده برای تعیین فونت موردنظر اجباری است.
src : مقدار= SRc این مشخص کننده برای تعیین مسیر فونت اجباری است.
نقل قول
۱۰-۴-۱۳۹۲, ۱۰:۰۳ عصر (آخرین ویرایش در این ارسال: ۱۰-۴-۱۳۹۲ ۱۰:۱۲ عصر، توسط Ali-Sh.)
ارسال: #2
RE: آشنایی با دستور Font-face در CSS3
البته یک نکته شایان ذکر است که فرمت های مختلفی برای یک فونت وجود دارد که هر کدام را مرورگر های به خصوصی پشتیبانی می کنند. 
مثلا اینترنت اکسپلورر فرمت "eot" رو ساپورت می کنه و یا "ttf" رو فایرفاکس و کروم پشتیبانی می کنند. 
البته میشه برای اطمینان بیشتر تمام فرمت های فونت مورد نظر خود را در سرورتون آپلود کنید و داخل دستور Font-face قرار بدید.
سایتی که در زیر معرفی می کنم ، ابزار فوق العاده است برای تغییر فرمت فونت ها . این سایت از این فرمت ها پشتیبانی می کند : 
کد:
.eot .otf .pfb .tfm .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc & .woff


به درخواست بعضی از دوستان فونت زیبای BYekan (فونت فعلی انجمن) را با 3 فرمت eot,ttf,woff,otf برای دانلود قرار دادم. 01

فایل پیوست شد.


پسورد فایل : 
کد:
www.mavaranet.com


فایل‌(های) پیوست شده
.zip  BYekan.zip (اندازه: 104.1 KB / تعداد دفعات دریافت: 0)
نقل قول
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان