درج فونت در صفحات وب مدتی است که در وب سایت ها رایج شده است در واقع این روش راهکار جدیدی بود که اجازه می داد با css شما در سایت فونت درج کنید اگر چه ممکن بود آن فونت در دستگاه کاربر وجود نداشته باشد . البته این روش باز در زبان فارسی مشکل داشت که در زمان خود مشکلی بزرگ محسوب میشد.
در آن زمان گروه معدودی از متخصصان وب توانستند با کمی تحقیق در محیط اینترنت راه حل استفاده از فونت فارسی در 98% مرورگرها را بدست آورند .
با گذشت زمان و الگو برداری سایر طراحان استفاده از فونت های خاص رو به افزایش رفت تا این که مرورگر فایرفاکس 6 ظاهر شد و تمام وب سایت هایی که از درج فونت فارسی استفاده کرده بودند قربانی نمایش نادرست و بهم ریخته فونت های خود شدند !
ظاهر وب سایت ها به هم ریخت و طراحان وب سایت هم تو فروم های مخلف در باره این مشکل تبادل نظر می کردند و حتی به موزیلا هم گزارش داده شد ولی راه حل پیدا نشد.
ما (تیم طراحی سایت وبسکالا)هم تحقیق خودمنو شروع کردیم .
اول این که فایرفاکس 6 و مرروگرهای جدید از فونت woff استفاده می کنند در حالی که در نسخه های گذشته فایرفاکس فونت ttf به خوبی کار می کرد.
ولی این تنها مشکلی نبود که سر راه ما بود . با درج فرمت جدید باز هم مشکل سرجاش بود و معلوم نبود مشکل از ttf است یا از woff ؟
کدهای سی اس اس مختلفی هم تست شد وبازهم جوابی نداد تا این که شک ها به طرف خود فونت ها رفت .
مشکل همین جا بود نوع فونتی که ما استفاده می کنیم چه ttf و چه woff میبایست با مرورگرها سازگار باشد. یعنی اگر از فونت مناسب استفاده شود مشکل برطرف می شود. ما در وب سایت های تولیدی از فونت های یکان و کودک و میترا استفاده کردیم و سعی می کنیم به مرور زمان فونت های مناسب هرکدام را جایگزین نماییم
در واقع می بایست فونت ttf را از منبعی مانند font.ir دانلود کنید و با مبدل هایی مثل onlinefontconverter.com آن را به فونت های دیگر تبدیل کنید. نکته تبدیل فونت اینجاست که بعضی مبدل ها برای نوع woff مناسب است و بعضی دیگر برای eot
نکته آخر : اگر تا اینجای مقاله را مطالعه فرمودید و مشکلتون حل نشده است ، خوب وقتشه که فونت های خود را در کنترل پنل هاست معرفی کنید یعنی باید MIME Type فونت را هم مشخص کنید.
زمان آن رسیده که برای اثبات گفته های خودمون این سایت را با همه مرورگرها مانند فایرفاکس کروم اپرا و اینترنت اکسپلورر چک نمایید.
----------------------------------------------------------------------------------------------
حق کپی رایت محفوظ و استفاده از مطالب با ذکر منبع مجاز است .