Html Mac Chrome上的字体DinPro灯光问题

我在我的网站上使用了DinPro Light字体。它可以在PC上的所有浏览器上正常工作，除了Mac的浏览器。其他的常规、粗体等重量在PC和Mac上都可以。只有重量轻才是问题的根源。它被渲染为常规权重

下面是用于字体的CSS。谢谢你

@font-face {
    font-family: 'DinPro';
    src: url('../fonts/DinPro/PFDinTextPro-Light.eot');
    src: local('☺'), url('../fonts/DinPro/PFDinTextPro-Light.woff') format('woff'), url('../fonts/DinPro/PFDinTextPro-Light.ttf') format('truetype'), url('../fonts/DinPro/PFDinTextPro-Light.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro';
    src: url('../fonts/DinPro/PFDinTextPro-Regular.eot');
    src: local('☺'), url('../fonts/DinPro/PFDinTextPro-Regular.woff') format('woff'), url('../fonts/DinPro/PFDinTextPro-Regular.ttf') format('truetype'), url('../fonts/DinPro/PFDinTextPro-Regular.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

---

此css行修复了问题： -webkit字体平滑：抗锯齿