Css 带Fontsquirrel的阿拉伯字体的x高度

我有一个阿拉伯字体的x高度问题-它基本上打破了现有的布局，迫使我在一些输入/表单元素上使用高度属性。这并不酷

用户界面使用Roboto表示拉丁语，Droid Kufi表示阿拉伯语。不知何故，Roboto不包含阿拉伯语字符，所以我不得不用FontSquirrel将Droid Kufi转换成webfont。问题是阿拉伯字体的x高度比拉丁Roboto字体的x高度大，因此所有输入字段、选择和行的间距通常比拉丁语言的要大。这很糟糕，因为现在的布局看起来很奇怪

关闭Droid Kufi并重新使用系统字体，一切看起来都很好

---

因此，除了“非常清晰的高度”属性之外，还有什么关于转换或CSS样式的提示可以平等地处理这两种字体吗？

并且第2步选择所有字符集是不够的？字体文件必须是自托管的：-/在一个简单的.html文件中本地添加它，在inspector打开的情况下运行该文件，保存下载的字体文件：“x-height for Arabic fonts”是什么意思？你是如何推断它的价值的，以及它是如何让你的布局变得怪异的？请展示一些包含内容、HTML和CSS的实际代码示例，并参考实际发生的情况来描述问题；填充：1px4px；边框：1px实心B2B2；颜色：1A1A；垂直对齐：中间对齐；边界半径：2px；字体系列：“Droid Kufi”、“Roboto”、“Calibri”、Verdana、Arial、无衬线字体；字号：1em；框大小：边框框；