在Firefox上沒有正確對齊的跨度

Question

我有兩個跨度在Firefox上沒有正確對齊：

 .foo { padding : 3px 8px; } 

 <span class='foo' style='background-color:blue; font-family: Arial'>FOO</span> <span class='foo' style='background-color: green; font-family: Lato'>BLAH</span> 

它在所有IE瀏覽器和Chrome瀏覽器上都非常好，但由於某些原因，Firefox上的左側跨度與右側跨度不對齊。 看起來右邊距離底部是一個px太多了。

如果我刪除foo類，它正在工作，但為什么在這個世界上firefox沒有正確對齊這些跨度？

Answer 1

Firefox與Lato的搭配並不好。 使字體系列相互匹配（或不使用Lato）可以解決問題。