字体在iPhone网站上看起来很怪异

Question

我正在使用以下方式加载Open Sans Google字体：

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

它加载并且在我的电脑上看起来很棒，但是，当我使用Safari在我的iPhone上打开网站时，字体看起来很奇怪，与我在电脑上看到的字体不同。 这个字体是使用谷歌字体加载的，因此它也应该出现在我的移动网站上。

这就是我在CSS中设置字体的方式：

body {
  font-family: 'Open Sans', sans-serif;
}

iPhone：

PC：