网站中的字体在iOS设备上无法正确显示

Question

我从头开始构建我的第一个网站，与此同时，我希望有一个＆＃34;正在进行的工作＆＃34;页。该页面在桌面和Android设备上正常工作，但字体在iOS设备上以奇怪的方式显示，略微缩小并加倍。 我的css现在看起来像这样，我无法弄清楚问题是什么。

@font-face {
font-family: 'montserratregular';
src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
     url('fonts/montserrat-regular-webfont.woff') format('woff'),
     url('fonts/montserrat-regular-webfont.eot') format('embedded-opentype'),
     url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
     url('fonts/montserrat-regular-webfont.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

甚至不是所有这些都是必要的，因为我认为ttf和woff（最终是wof2）应该足够了。

编辑： 截图供参考：