Css Safari上的文字很模糊，我可以在上面打字

我有一个网站，它在主页上有一个联系人表单，使用联系人表单7插件制作。在移动视图中，我无法单击表单控件。填写的文字上的字母也很模糊。我没有iPhone，但它在Safari浏览器中看起来不太好

网站：tinyurl.com/z62tt72

我已经尝试了下面的CSS，但我仍然无法点击名称文件

* { 
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input, textarea {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif ! ;  
    font-size:large !important;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

你可以试试：

text-rendering: optimizeLegibility;

某些字体文件包含有关如何使用字体的附加信息 应该被渲染<代码>优化易读性利用此 信息

或者我过去在字体渲染中使用的另一个技巧是：

text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);

---

RGB将是字体颜色，不透明度将保持不变。

文本呈现：优化易读性；把我所有的字体都做成垃圾字符也放在iphone上，我无法输入，这听起来很奇怪-是你自己生成的字体吗？看起来文本太小，无法阅读或书写，对吗？？