div/cut下方空白处底部的css文本

修改线条高度没有帮助，因为它会从文本顶部切割零件

有没有办法将底部的文字垂直对齐？（垂直对齐：文本底部；不起作用）

有没有办法去掉下面的空白

html是：

<div class='leftSideNews'> <span class='t1'>Discover</span> <span class='t2'>s world !</span> </div>

.leftSideNews {
    font-size: 20pt;
    /*line-height: 100px;*/
    /*vertical-align: text-bottom;*/
}

.leftSideNews .t1 {
    font-size: 60pt;
    color: #368FD8;
   vertical-align: baseline;
}

.leftSideNews .t2 {
    font-size: 40pt;
    color: #EA3B3B;
}

探索世界！
.左翼新闻{
字号：20pt；
/*线高：100px*/
/*垂直对齐：文本底部*/
}
.leftSideNews.t1{
字号：60pt；
颜色：#368FD8；
垂直对齐：基线；
}
.leftSideNews.t2{
字号：40pt；
颜色：#EA3B3B；
}

lefSideNews涵盖了这两种文本。t1表示所选文本“发现”，t2表示其他红色文本

编辑2：我导入的字体，也在span中使用的是一个.toff文件，而不是一个.woff文件，我猜这是问题的根源，因为它没有正确地重新缩放。谢谢你的回答

谢谢

---

这是你要找的吗？我不确定。

发布你的CSS而不是图片。你只是想减少线条下方的填充或边距大小吗？没有填充或边距，它们在父元素中设置为0，并继承它。我想这就是他要找的。只需将

行高设置为65px因此它显示得更好。
.leftSideNews .t1 {
   font-size: 60pt;
color: #368FD8;
vertical-align: baseline;
display: inline-block;
line-height: 55px;
background: gray;
}