فونت فارسی با CSS3 در بستر وب
فونت فارسی با CSS3 در بستر وب به راحتی پیاده سازی می شود و طراحی وب سایت را نیز آسانتر و زیباتر می کند قابلیت font-face@ در CSS3 یک امان تازه است که با CSS3 آمده است در کل CSS3 کارها برای طراحان وب در زمینه الصاق فونت به پیج کمتر و بهینه تر کرده است.
گرچه همیشه تصاویر به زیبا شدن وب سایت کمک می کند اما دیگر نیازی نیست از عکس های زیادی استفاده شود تا باکس ها و المان های مورد نظر ساخته شود به جرات میشه گفت با CSS3 حداقل نود درصد مشکلات گذشته را در استایل دهی قالب و طراحی وب سایت نخواهید داشت.
اما فونت فارسی با CSS3 در بستر وب چیست چه نقشی در طراحی وب سایت دارد؟ در گذشته برای گذاشتن فونت در صفحات طراحی شده در وب از ترفندهای جاوا اسکریپت استفاده می شد و یا اینکه فونت محدود به دو فونت یا حداکثر سه فونت بود.
خب بریم سر اصل مطلب , 4 فرمت فونت عبارتند از svg ,ttf , woff , eot و اکنون تمامی ان ها را شرح می دهیم.
فونت های ttf همان فونت های کامیوترهای خودتان هست فرمت eot مربوط به مایکروسافت است در مرورگر اینترنت اکسپلورر استفاده می شود و سال گذشته مایکروسافت این فونت را معرفی کرده بود سایر فونت ها نیز فونت های اینترنتی است.
يك مثال كامل براي اضافه كردن فونت فارسي به سايت شما:
/*blog.webcity.ir*/
@font-face {
font-family:'BYekan';/*تعریف یک نام برای فونت*/
src:url('BYekan.eot');/*اکسپلورر 9 به بعد*/
src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
url('BYekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
url('BYekan.woff') format('woff'),/*مرورگر های جدید*/
url('BYekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
url('BYekan.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
font-style:normal;
font-weight:normal;
}
.post-titr{
font-family:BYekan, Tahoma, Geneva, sans-serif;
}
فونت فارسی با CSS3 در بستر وب به راحتی پیاده سازی می شود و طراحی وب سایت را نیز آسانتر و زیباتر می کند قابلیت font-face@ در CSS3 یک امان تازه است که با CSS3 آمده است در کل CSS3 کارها برای طراحان وب در زمینه الصاق فونت به پیج کمتر و بهینه تر کرده است.
گرچه همیشه تصاویر به زیبا شدن وب سایت کمک می کند اما دیگر نیازی نیست از عکس های زیادی استفاده شود تا باکس ها و المان های مورد نظر ساخته شود به جرات میشه گفت با CSS3 حداقل نود درصد مشکلات گذشته را در استایل دهی قالب و طراحی وب سایت نخواهید داشت.
اما فونت فارسی با CSS3 در بستر وب چیست چه نقشی در طراحی وب سایت دارد؟ در گذشته برای گذاشتن فونت در صفحات طراحی شده در وب از ترفندهای جاوا اسکریپت استفاده می شد و یا اینکه فونت محدود به دو فونت یا حداکثر سه فونت بود.
خب بریم سر اصل مطلب , 4 فرمت فونت عبارتند از svg ,ttf , woff , eot و اکنون تمامی ان ها را شرح می دهیم.
فونت های ttf همان فونت های کامیوترهای خودتان هست فرمت eot مربوط به مایکروسافت است در مرورگر اینترنت اکسپلورر استفاده می شود و سال گذشته مایکروسافت این فونت را معرفی کرده بود سایر فونت ها نیز فونت های اینترنتی است.
يك مثال كامل براي اضافه كردن فونت فارسي به سايت شما:
/*blog.webcity.ir*/
@font-face {
font-family:'BYekan';/*تعریف یک نام برای فونت*/
src:url('BYekan.eot');/*اکسپلورر 9 به بعد*/
src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
url('BYekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
url('BYekan.woff') format('woff'),/*مرورگر های جدید*/
url('BYekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
url('BYekan.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
font-style:normal;
font-weight:normal;
}
.post-titr{
font-family:BYekan, Tahoma, Geneva, sans-serif;
}
هیچ نظری موجود نیست:
ارسال یک نظر