Question

我使用了字体＆＃34; DinPro-Light＆＃34;在我的网站上。它适用于除Mac和Mac浏览器之外的所有PC上的浏览器。其他权重（常规，粗体等）在PC和Mac上都很好。只有＆＃34;灯＆＃34;重量导致问题。它像常规重量一样......

以下是用于字体的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;
}

Answer 1

此css行修复了问题： -webkit-font-smoothing：antialiased;

Mac Chrome上的字体DinPro-Light问题

1 个答案: