html - Mac Chrome上的Font DinPro-Light问题

我在网站上使用了“ 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-font-smoothing：抗锯齿；