Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Trouble with fonts when viewed on iPhone

    Hi,

    I built a site and it renders in all browsers and OS's properly and passes all the w3c validators.

    When I view it on my iPhone some of the fonts will change porpotionally to the size of the site and some will remain large and blow out of place.

    The url is: Red5S####ecurity.com (remove the # signs because i don't want this found in a google search.

    The text I'm having trouble with is the bottom navigation. If you view my attachments (screenshots from my iPhone) it will be obvious which text is having the troubles.

    I appreciate and suggestions or help.

    This is my first post here so I'm not sure what's protocol for css files. I assume people here are fast at getting to and viewing the css file from source.

    Regards,
    Steve
    Attached Thumbnails Attached Thumbnails Trouble with fonts when viewed on iPhone-screenshot1.jpg   Trouble with fonts when viewed on iPhone-screenshot2.jpg   Trouble with fonts when viewed on iPhone-screenshot3.jpg  

  • #2
    Regular Coder
    Join Date
    Sep 2009
    Posts
    167
    Thanks
    15
    Thanked 1 Time in 1 Post
    those look like nice pages.

    are you using ems for font sizing? those can scale to different environments a bit better than some of the other methods under certain circumstances.

  • #3
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    You should use em values or percentage values when specifying font sizes in your css. Your specifying font sizes in pixels, which will not display your font sizes properly in hand held devices.

    In your footer div, try specifying font-size: 80%; or something to that degree.
    Last edited by optimus203; 05-23-2010 at 01:52 AM.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #4
    New to the CF scene
    Join Date
    May 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    code beginner: Thank you for the compliment, and your suggestion

    optimus203: Thank you for the details. I will give that a try.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •