Safari上的字体无法正确显示

问题描述：

我在Safari上遇到了字体显示问题。字体看起来比其他页面更厚。我只使用@font-face在整个网站（不粗体）加载正常的font-weight。Safari上的字体无法正确显示

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

这里是我的代码：

@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; 
 
}

看到两个不同的页面截图：

的Cuz每个浏览器都有不同的读解引擎，尝试'-webkit-字体平滑：抗锯齿;' – Hash

您需要添加破字体UI截图以便读者可以清楚地了解您的问题 – Krishna9960

@Hash我的问题是Safari根据我的网站页面显示不同的字体厚度。但是只加载了普通的'font-weight'。 – Lolo

答

给一个尝试，它添加到您的font-face

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

我已经试过了，但问题仍然存在... – Lolo

尝试使用font-weight 400清除缓存。 – Hash

似乎不工作...我想知道这是否有什么比'font-weight'更有用。该问题只出现在我有侧边标签的页面上。这里是[链接]（http://temporarygallery.org/do-not-remove-this-folder/?p=38），其中字体是正常的，这是[链接]（http://temporarygallery.org/do-not-remove-this-folder /？page_id = 156）字体显得更薄（差别仅在Safari上才可见）。 – Lolo

Safari上的字体无法正确显示

相关推荐