div 底部的 css 文本/从下方剪切空白

Question

修改行高没有帮助，因为它从文本顶部切掉了部分。

有什么方法可以垂直对齐底部的文本？ (垂直对齐:文本底部；不起作用)

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

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

lefSideNews 涵盖了这两个文本。 t1 代表选中的文本“Discover”，t2 代表其他红色文本

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

谢谢

Answer 1

.leftSideNews .t1 {
   font-size: 60pt;
color: #368FD8;
vertical-align: baseline;
display: inline-block;
line-height: 55px;
background: gray;
}

http://jsfiddle.net/dolours/zvMKH/332/这是你要找的吗我不确定。