'Avenir'字体在Chrome for Android /桌面上的呈现方式不同

Question

我正在尝试使用Avenir字体设计按钮。 以下是以下页面中的一些屏幕截图：https://www.myfonts.com/fonts/linotype/avenir/webfont_preview.html

在Chrome for Android上，文字似乎排在最前面：

在Chrome for Desktop上，它显示为垂直居中（尝试其他字体时的正确行为）：

这是来自字体还是渲染引擎的错误？ 计算包含框大小的公式（彩色样本中的蓝色大小）是什么？