mac和windows上的行高不同

Question

heloo， 我只是在我的项目中包含字体。它在带有操作系统浏览器的Chrome上看起来不错，但是当我用safari浏览器检查mac时。字体在线上。所以我再次使用谷歌浏览器检查mac，字体仍在线上。但是，当我检查到Windows PC它看起来很棒

这里是窗户上镀铬的图片

继承人使用mac进行safari和chrome

css很简单：

.initiative_buttons_title {
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 56px;
    font-size: 4rem;
    height: 66px;
    line-height: 62px;
    background: #00b1f0;
    font-family: Langdon,Helvetica,Arial,sans-serif;
}

发生了什么事。