تبلیغات
امپراطوری آی تی - خاصیت @font-face در CSS

امپراطوری آی تی

دوشنبه 3 خرداد 1389

خاصیت @font-face در CSS

نویسنده: Faez   طبقه بندی: آموزش، ترفند، 

یکی از دغدغه‌های طراحان وب این موضوع است که همیشه باید با فونت‌های پیش فرض صفحات وب را طراحی کنند. اما راه‌حلی برای رفع این مشکل وجود دارد. این مشکل با یک دستور CSS قابل حل است و با آن طراح وب می‌تواند فونت مورد نظر خود را به صفحه وب ضمیمه کند تا بازدیدکنندگان صفحه را با آن فونت ببینند.

شما به عنوان یک برنامه نویس وب باید خاصیت @font-face را به صورت زیر در کدهای خود استفاده کنید.

در این کد به جای *font-name* نام فونت  الحاق شونده و همچنین آدرس فونت را در جای *url* قرار دهید. آدرس باید به یک فایل فونت از نوع Open Type اشاره کند که ممکن است با پسوند (eot.) یا (ote.) باشد. با مثال زیر بهتر با نحوه استفاده از این خاصیت آشنا می‌شوید.

فقط باید به این موضوع دقت کنید که خاصیت @font-face فقط یک فونت را به صفحه الحاق می‌کند و برای استفاده از این فونت الحاق شده باید از دستور font: در CSS بخش مربوطه استفاده کنید.

این فونت در حالت فشرده شده قرار دارد و شما با استفاده از این خاصیت CSS باعث می‌شوید که فونت مورد نظر شما به سیستم کاربر بارگذاری (Download) و توسط فایل (T2embed.dll) به یک فونت (True Type) تبدیل شود و سپس در سیستم کاربر نصب شود .

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

نظرات() 
How do you get taller in a day?
شنبه 1 مهر 1396 05:11 ب.ظ
This site was... how do I say it? Relevant!! Finally I have found something that helped me.
Kudos!
foot pain
شنبه 25 شهریور 1396 10:50 ب.ظ
Useful info. Lucky me I discovered your site by accident,
and I'm shocked why this twist of fate didn't came about earlier!
I bookmarked it.
BHW
جمعه 1 اردیبهشت 1396 06:53 ق.ظ
Right now it sounds like Drupal is the top blogging platform available
right now. (from what I've read) Is that what you're using on your
blog?
manicure
شنبه 12 فروردین 1396 08:29 ق.ظ
Good answer back in return of this issue with firm arguments and
telling all about that.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

لینکدونی

نویسندگان

  • آخرین پستها

آمار وبلاگ

  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :