Html Safari中混合字体的线条高度

Html Safari中混合字体的线条高度,html,css,safari,line-height,Html,Css,Safari,Line Height,我有一块文本,我想用不同的字体突出显示一个单词 用于不同样式的字体在视觉上比我的其他字体小很多,因此我必须增加字体大小以使其看起来正确 <span class="text">Some <span class="script">text</span> here. Some text here. Some text here.</span> .text { font-size:44px; line-height

我有一块文本,我想用不同的字体突出显示一个单词

用于不同样式的字体在视觉上比我的其他字体小很多,因此我必须增加字体大小以使其看起来正确

<span class="text">Some <span class="script">text</span> here. Some text here. Some text here.</span>

.text { font-size:44px; line-height:50px; }
.script { font-size:74px; line-height:50px; height:50px; }
这里有一些文本。这里有一些文字。这里有一些文字。
.text{字体大小:44px;行高:50px;}
.script{字体大小:74px;行高:50px;高度:50px;}
在FireFox、Chrome、Edge中,这一切看起来都很好

但在Safari中,具有不同字体的行被赋予了更大的行高,从而破坏了文本的平衡

在Safari或cross browser中是否有强制行高的方法,以便文本在所有浏览器上都能保持平衡