حل مشکل نمایش نامطلوب فونت فارسی در مرورگر Chrome

حل مشکل نمایش نامطلوب فونت فارسی در مرورگر Chrome

امروزه در سایت هایی که به تازگی در دست ساخت هستند میبینیم که فونت هایی جدا از Tahoma و TimesNewRoman و سایر فونت های ساده استفاده می شود و با گذشت زمان فونت های فارسی دیگری نیز قطعاً به میان خواهند آمد اما در این میان یک مورد بسیار مهم برای طراحان وب حائز اهمیت است که فونت و چیدمان نوشته ها در صفحه به صورت صحیح و بدور از ایراد نمایش داده شود که متاسفانه در مرورگر Chrome خلاف این قضیه به چشم می خورد. برای حل این مشکل راه های بسیاری پیشنهاد شده که اکثراً تا حدی قابل قبول هستند اما یکی از راه های پیشنهادی به نسبت سایر از برتری خاصی برخوردار است که در اینجا برای شما گفته خواهد شد. اما قبل از آن بهتر است بدانید که دلیل اصلی این موضوع چیست. نه مشکل از طراحان وب است و نه از سیستم عامل، در اصل مشکل از مرورگر شما یا همان Chrome می باشد که از انجین پردازش متن ویندوز صرف نظر کرده و از انجین گنجانده شده در خود استفاده می کند. البته طبق شنیده های اخیر در ورژن های جدیدتر این مساله رفع می شود اما تا زمانی که این موضوع درست شود و عموم مرورگرهای خود را بروز کنند از روش زیر استفاده کنید. تنها کافیست کد زیر را در Css خود قرار دهید تا فونت های شما تا حد مطلوبی درست نمایش داده شوند :

کد زیر را به CSS اضافه کنید

*{
-webkit-font-smoothing: antialiased;
}
.win.chrome * , body{
-webkit-text-stroke-width: .2px;
}

قطعه کدی که مشاهده می کنید باعث می شود اولاً که تغییر تنها در مرورگر Chrome حاصل شود و سپس به اندازه 0.2 حاشیه به متن های موجود در صفحه اضافه شود که این عدد به نسبت سلیقه قابل تغییر است.



نظرات کاربران



عبارت امنیتی : حاصل 7 × 7 می شود :
متن پیام :