حل مشكله تشوهه الخطوط المخصصه "font-face" علي متصفح جوجل كروم

يمكنك ان تري المشكله عبر الرابط التالي

تصفح الرابط بأستخدام الكروم

http://arab-themes.com/?p=1948

ستجد ان الخط مشوهه او " مبكسل "

حل المشكله بأضافه كود smoothing في css

-webkit-font-smoothing: antialiased;

ايضا يضاف سطر اخر خاص بعمل ظل بسيط للنص يعمل بشكل كبير علي اخفاء التشوهات

text-shadow: 0px 0px 1px ‪#‎BBB‬;

يمكنك تغير لون الظل بالون الذي تراه مناسباً لك بدلا من BBB