字体渲染不同的铬为PC和铬为iOS

Question

在此页面上工作：https://solderless.github.io

标题在我的手机上看起来像这样（使用chrome / ios 10）：

在我的桌面上就像这样：

正如您所看到的，iOS版本似乎是水平拉伸的（例如，2个使L不具有相同重量的条形图）

这是使用Google字体提供字体，CSS非常简单：

h1,h2 {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 50px;
}

h1 {
  font-size: 40px;
}

知道什么能让这种差异消失吗？