旧的iOS Safari在锚标记上显示不同的字体

如何解决旧的iOS Safari在锚标记上显示不同的字体

我无法为iOS设置样式。由于the Safari web inspector和iOS forces rounded corners and glare on inputs，我得以修正输入的舍入。我仍然对为什么锚标记在iOS 12.4.8上显示一种字体而在iOS 9.3.6上显示另一种字体感到困惑。

生成HTML的PUG代码为：

      .login
        form(method='POST',autocomplete='off')
          input(class='primary',type='submit',value="Login")

      ...

      .container-centered
        a.primary(href="/register") "Register"

字体的相关CSS代码为：

h1,h2 {
  margin: 0.5rem 0 0.5rem 0;
  text-align: left;
  font-family: Amatic SC,cursive;
  font-weight: bold;
}

body {
  font-family: 'Open Sans',sans-serif;
  font-size:15px;
  /* ... */
}

a.primary,a.secondary,input.primary,input.secondary {
  font-weight: 700;
  border: 3px solid #22201e;
}

在iOS 12.4.8上，输入按钮和锚标记看起来像我期望的那样：

在iOS 9.3.6上，它们看起来有所不同，并且锚标记上的文本几乎看不见。 Safari既不将font-family也不将font-weight应用于元素：

Here是包含最新代码的源页面。

我该如何解决？