La police ne s'affiche pas correctement sur Safari

Question

J'ai un problème d'affichage de la police sur Safari. La police semble légèrement plus épaisse sur certaines pages que d'autres. Je charge seulement font-weight normal dans l'ensemble du site Web (pas gras), en utilisant @font-face. Firefox et Chrome semblent afficher la même épaisseur de police sur toutes les pages.

Voici mon code:

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

Voir capture d'écran de deux pages différentes:

Answer 1

Donnez un essai, ajoutez à votre font-face

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