多種字體的Verticle指標

Question

所以我有這個問題，我不知道如何解決它。 我正在建立一個網站，我正在使用不同的字體

我需要每一種字體在光學上完全相同，並在基地完美對齊。

假設我寫 HELLO（helvetica）HELLO（格魯吉亞）我會改正它們的大小，因爲可能是40px helvetica與40px格魯吉亞大小不一樣。 但問題是關於基線

當我看到所有字體（相同的px和行高）相鄰時，它們並不水平對齊。

Link to image here!

謝謝你們！

Answer 1

@ cameron.townsend評論無誤。您將要在所有文字上使用vertical-align:baseline;，以查看您的想法。

這裏是在不同的路線掀起了小提琴：https://jsfiddle.net/g7oqupej/1/

話雖這麼說，看來Chrome瀏覽器的默認（vertical-align:initial;）行爲是vertical-align:baseline;不清楚其他瀏覽器，我沒有測試過，但與我在小提琴中使用的字體，事情似乎按照你的意願排列。

我會建議創建一個小提琴，以顯示您不得不查看是否正在做其他事情的問題。