Numbers look diferent in safari on iphone

I have a simple snipet with a phone number composed by a one letter and 12 numbers, its a simple text inside a p element, In desktop browser all apear look fine, but In iphone browser “p” letter look fine but the rest of the number show very small and with break line.

enter image description here

this is my html code:

 p.style3 {
  font-size: 3rem !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  text-rendering: optimizeLegibility;
  font-style: italic;
  font-weight: lighter;
  white-space: nowrap;
<p class="style3">p. 706.467.3000</p>

Why safari o ios shot this behavior?

Source: html5

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.