سلام

احتمالا در حال وبگردی سایت هایی را دیده اید که از فونت های عجیب و غریب استفاده می کنند و شاید از خود پرسیده باشید که این کار را چگونه انجام می دهند.در حالت معمولی در زبان ایرانی ما،اکثرا از فونت های tahoma و arial استفاده می شود که در تمام کامپیوترها موجود است.حالا اگر بخواهیم یک فونت بخصوص را که ممکن است در رایانه بیننده نباشد،استفاده کنیم شاید در هنگام نمایش چیدمان صفحه کلا تغییر کرده و بر هم بخورد.با آمدن css3 این مشکل نیز برطرف شده است و با استفاده از خصوصیت font-face می توانیم به راحتی انواع قلم ها را به سایت خود،الحاق کنیم تا اگر در رایانه بیننده نبود،توسط مرورگر دانلود شده و مورد استفاده قرار گیرد.این کار زیاد سخت نیست،در ادامه خواهیم دید:

احتمالش هست که دوست داشته باشید از فونت های زیبای انگلیسی که تعدادشون هم کم نیست،استفاده کنید.در این صورت انتخاب هایتان نامحدود خواهد بود.بهترین راه استفاده از کیت های فونت است که حاوی انواع مختلف یک نوع فونت هستند که اکثرا دارای پسوندهای  ttf,eot,svg و woff می باشند.مزیت این کیت های این است که با داشتن انواع مختلف یک فونت،می تواند نمایش درست قلم مورد نظر شما را در هر نوع وسیله ای از موبایل یا تبلت و رایانه تضمین کند.چیزی که در مورد انواع فارسی حداقل بنده چیزی در این مورد ندیدم.خودم از سایت FontSquirrel استفاده می کنم. نحوه استفاده به این صورت است:

@font-face {
	font-family: 'ZendaRegular';
	src: url('Zenda-fontfacekit/zenda-webfont.eot');
	src: local('Zenda Regular'), local('Zenda'), url('Zenda-fontfacekit/zenda-webfont.ttf') format('truetype');
}

همانطور که می بینید،این کد فونت شما را تعریف می کند و می توانید با نام دلخواهی که جلوب خصوصیت font-family می گذارید در همه جای سبک تان به آن دسترسی یابید.مثل:

h1 {
  font-family: 'ZendaRegular', Arial, sans-serif;
}

فقط توجه داشته باشید که مرورگرهای مدرن مثل opera قادر به انجام این کار هستند. نمونه ای را در ذیل مشاهده می کنید.می توانید این کیت را از اینجـــا دریافت کنید.

Iran Fotolia Font Embedding Example