Неправильный стиль шрифта IOS

Question

См. Класс css .check_it и .price ниже?

Я получаю странные ответы прямо в браузере Iphone Safari. Все остальные браузеры, включая эмулятор Inspect как Iphone на Firefox и Chrome, отображаются правильно, как показано в коде ниже.

Кто-нибудь видит, как / почему я могу получить странный стиль прямо в Iphones? (Это странный блочный шрифт, размер которого кажется больше).

У меня нет настоящего эмулятора сафари, поэтому я не вижу, что именно происходит на 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>