• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 374
  • Last Modified:

font to big on iPhone

I’ve created a web site in ASP.NET and am using HTML and CSS for design. I am using CSS @font-face to define the fonts. All works great in all browsers even on pad devices. The problem I have is on the iPhone. When I like at the about the text below the ABOUT US it’s too big. Same thing happens in my service areas when I explode the lists – text is too big.

Right now I have the font-size to small. Tried literal pixel for example 8px – same result. Any ideas would be greatly appreciated.

The site is:
www.ogtechllc.com

Thank you
0
thenrich
Asked:
thenrich
  • 3
  • 2
1 Solution
 
Kyle HamiltonData ScientistCommented:
add this rule to your css:

-webkit-text-size-adjust: none;

for example:


p{
font-size:16px;
-webkit-text-size-adjust: none;
}
0
 
thenrichAuthor Commented:
How does my CSS have scope of WebKit ?
0
 
Kyle HamiltonData ScientistCommented:
not sure what you mean..

The above css rule applies to webkit browsers, which is what the iPhone safari browser is, and it works. Did you try it?
0
 
thenrichAuthor Commented:
O I C.

I'll try it.
0
 
thenrichAuthor Commented:
Yup - that did it. Thx!
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now