Website Text Messed Up On iPad

[GrayWoolsey]

On the last page of a website I made for a competition, I put a phone number, fax number, and our team member numbers for the competition. On a computer they look fine but on an iPad the font is messed up and they are put into boxes as if the iPad doesn’t have that specific font installed. http://gray.dunwifit.com/

[Senff]

Safari recognizes the phone numbers and styles them automatically, making them links, and so they will take these styles:

a {
display: block;
width: 197px;
background-color: #444444;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}

To disable that sort of thing, add this to your header:

<meta name = "format-detection" content = "telephone=no">

(Expecting a share of the prize if you win the competition)

[Author]

Posts