IOS字体样式不正确

Question

请参阅下面的CSS类.check_it和.price吗？

我在Iphone Safari浏览器中直接收到奇怪的响应。如下代码所示，所有其他浏览器，包括Firefox和Chrome上的“作为Iphone模拟器进行检查”，都可以正确显示。

有没有人看到我为什么/为什么直接在iPhone中获得奇怪的风格？ （这是一种奇怪的块字体，看上去似乎是大字体）。

我没有一个真正的野生动物园模拟器，所以我看不到iPhone上到底发生了什么，以得到响应。

帮助！ :) TIA

.column th {
  padding: 0px !Important;
}

.column th a {
  text-decoration: underline;
}

.price {
  color: #C20D0D;
  font-size: 16px !Important;
  font-family: sans-sarif;
}

.check_it {
  text-align: right;
  font-size: 16px;
  color: #C20D0D;
  font-family: sans-sarif;
  transition: transform .2s; /* Animation */
}

.check_it:hover {
  transform: scale(1.05);
}

.column {
    margin: 5px auto;
    max-width: 300px;
    float: none;
    padding: 20px 10px 20px 10px;
    border-bottom: 3px solid black;
    font-size: 18px;
    line-height: 22px;
    font-family: -webkit-pictograph;
    height: 400px;
}

.wrapper_column p {
  max-width: 300px;
  margin: auto;
  float: none;
  font-family: sans-sarif;
}

<div class="column">
  <a href="...link..."> 
    <div class="img_box">
      <div class="image">Image</div>
    </div>
	  <h2>Title</h2>
  </a>
  <table>
   <tr>
     <th><p class="price">$100</p></th>
     <th><a href="...link..." target="_blank" ><p class="check_it">Check It</p></a></th>
   </tr>
  </table>
</div>