跨度沒有正確對齊在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某些原因左跨度不與右跨度對齊。看起來正確的跨度是一個太大的底部。

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

Answer 1

Firefox與Lato並不配合。調整字體系列以匹配對方（或不使用Lato）可以解決問題。