احتمالا در حال وبگردی سایت هایی را دیده اید که از فونت های عجیب و غریب استفاده می کنند و شاید از خود پرسیده باشید که این کار را چگونه انجام می دهند.در حالت معمولی در زبان ایرانی ما،اکثرا از فونت های 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;
}
منبع فتولیا
در ضمن اگر بخاید فونتهای فارسی رو قرار بدید میتونید از این لینک http://www.fontsquirrel.com/fontface/generator فونت رو بهش معرفی کنید تا براتون فونت فارسی هم بسازه
