پنل کاربری
021 4421 4598
info@portalsaz.com
آموزش CSS
صفحه 1 از 1 < 1 >

Feed
آموزش CSS
1390/08/20 00:00

فونت های دلخواه در وب font-face css

همانطور که مطلع هستید فونت های محدودی را برای زبان فارسی در وب می توان استفاده کرد که  معمولا شامل tahoma و arial می باشند.
در این مقاله می خواهیم به شرح استفاده از انواع فونت های دلخواه بپردازیم
راه های متعددی جهت استفاده از فونت دلخواه در وب وجود دارد که آخرین ، کم حجم ترین و بهترین روش آن استفاده از CSS است که در تمام مرورگرها نیز.
شکل کلی دستور :
 @font-face {
font-family: Graublauweb;
src: url('Graublauweb.eot'); /* IE9 Compatibility Modes */
src: url('Graublauweb.eot?') format('eot'), /* IE6-IE8 */
url('Graublauweb.woff') format('woff'), /* Modern Browsers */
url('Graublauweb.ttf') format('truetype'), /* Safari, Android, iOS */
url('Graublauweb.svg#svgGraublauweb') format('svg'); /* Legacy iOS */
}
فراموش نکنید بهتر است این دستور را در اول فایل CSS تعریف کنید.
همانطور که در دستور بالا مشخص است برای اکثر مرورگرها شکل دستوری مشخصی تعریف شده است.
برای تبدیل فایل های فونت خود به فایل های  تعریف شده در بالا بهترین سایتی که من پیدا کرده ام ، سایت font2web.com می باشد که هم با فونت های فارسی سازگار است و آن ها را به درستی تبدیل می کند و هم فایل های تبدیل شده به همراه فایل css و فایل html نمونه را جهت راهنمایی ایجاد میکند.
فقط یک نکته مهم و دیگر باقی می ماند آن هم در صورتی که از IIS استفاده میکنید باید بررسی کنید MIME TYPE های زیر در وب سایت شما تعریف شده است یا خیر.
.woff    application/x-woff
.svg    image/svg+xml
خود بنده از فونت های فارسی سری B استفاده کرده ام و به خوبی کار می کند
 
 

نظرات

نظر شما
نام :
پست الکترونیکی :
وب سایت :
متن :

تصویر :

b

وحشتناکمنتظرراکنگران

پاسخ
برچسب ها :