font to big on iPhone

Posted on 2013-01-19
Last Modified: 2013-01-19
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:

Thank you
Question by:thenrich
  • 3
  • 2
LVL 25

Accepted Solution

Kyle Hamilton earned 500 total points
ID: 38796724
add this rule to your css:

-webkit-text-size-adjust: none;

for example:

-webkit-text-size-adjust: none;

Author Comment

ID: 38796935
How does my CSS have scope of WebKit ?
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38796945
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?

Author Comment

ID: 38797223
O I C.

I'll try it.

Author Closing Comment

ID: 38797513
Yup - that did it. Thx!

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Send email using HTML and PHP in separate file 5 36 figure out error 3 17
ASP sending two datas 2 22
Hit counters in SharePoint 2013 2 21
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

680 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question