'Avenir' font renders differently on Chrome for Android/Desktop

I'm trying to design buttons using Avenir font. Here are some screenshots from the following page : https://www.myfonts.com/fonts/linotype/avenir/webfont_preview.html

On Chrome for Android, the text seems to be aligned on top :

android示例android示例

On Chrome for Desktop, it appears vertically centered (correct behavior when trying other fonts) :

桌面示例

Is this a bug from the font or from the rendering engine ? What is the formula to compute the size of the containing box (the blue one in colored samples) ?

链接地址: http://www.djcxy.com/p/59810.html

上一篇: 如何获得Java脚本中的节点内部文本?

下一篇: Android版/桌面版Chrome上的“Avenir”字体呈现不同