字体无法在Safari

Question

我在Safari上显示字体问题。某些页面上的字体看起来比其他字体厚一些。我使用font-weight在整个网站中加载了普通@font-face（无粗体）。

Firefox和Chrome似乎在每个页面上都显示相同厚度的字体。

这是我的代码：

＆＃13;

＆＃13;

@font-face {
  font-family: 'Stanley';
  src: url('Stanley-RegularItalic.eot');
  src: url('Stanley-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('Stanley-RegularItalic.woff2') format('woff2'),
    url('Stanley-RegularItalic.woff') format('woff'),
    url('Stanley-RegularItalic.ttf') format('truetype'),
    url('Stanley-RegularItalic.svg#Stanley-RegularItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Stanley';
  src: url('Stanley-Regular.eot');
  src: url('Stanley-Regular.eot?#iefix') format('embedded-opentype'),
    url('Stanley-Regular.woff2') format('woff2'),
    url('Stanley-Regular.woff') format('woff'),
    url('Stanley-Regular.ttf') format('truetype'),
    url('Stanley-Regular.svg#Stanley-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

＆＃13;

＆＃13;

＆＃13;

查看两个不同页面的屏幕截图：

Answer 1

试一试，将其添加到font-face

speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;