字体不垂直跨浏览器对齐

Question

最幸运的家伙字体是一种Google字体，在Safari和android中不垂直对齐。 我尝试使用fontsquirrel“自动调整垂直指标”解决方案，但对我来说Screenshot不起作用

Here is jsfiddle Here is screenshot

代码在这里

@import url("https://fonts.googleapis.com/css?family=Luckiest+Guy|Oswald:300,400,700&display=swap");

.common {
  display: inline-block;
  margin-top: 36px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  padding: 10px;
  border: 1px solid red;
  text-transform: uppercase;
  background: #fff;
}

.poppins {
  font-family: 'Luckiest Guy';
}

<span class="common poppins">testing vertical align</span>