有没有办法将阿拉伯字体与英文字体垂直对齐？

Question

这是一个例子：

h1{
  display:inline-block;
}

    <h1>English Font</h1><h1>الخطوط العربية</h1>

如您所见，基准线未对齐。

Answer 1

你可以玩 line-height

h1{
  display:inline-block;
}
.arabic {
  line-height: 25px;
  vertical-align: bottom;
}

    <h1>English Font</h1><h1 class="arabic">الخطوط العربية</h1>