SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast Pamela Alina's Avatar
    Join Date
    Jun 2013
    Location
    Romania
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up Large fonts are annoying or pleasant?

    Maybe I'm not the only person to surf the Internet and use the keys CTRL and + to increase fonts.

    What would happen if I use large fonts on my site?

    It would appear our problems accessing the page on their mobile phone?

  2. #2
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,316
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You can give both on your site:

    body {
    font-size: 110%
    @media only screen and (max-width : 560px) {
    body {font-size: 150%;}
    }
    }

    So this would make your fonts larger than normal on sites larger than 560px across, then larger yet for smaller screens. This assumes you are not using pixel dimensions for font sizes in your site. Of course, test the numbers and suit to fit.
    Steve Husting

  3. #3
    SitePoint Enthusiast Pamela Alina's Avatar
    Join Date
    Jun 2013
    Location
    Romania
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This assumes you are not using pixel dimensions for font sizes in your site.
    I always use pixels. Must to change to em ?

  4. #4
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,737
    Mentioned
    32 Post(s)
    Tagged
    1 Thread(s)
    Must to change to em ?
    it's advisable to do so, for a variety of reasons, accessibility being one of the chief ones. It's also doesnt really work to believe that all pixels are the same size; 20px in my monitor may not be as big as 20px in yours. you can also use % as suggested above. 1em=100%. which you chose depends on which math is easier for you .


Tags for this Thread

Bookmarks

Posting Permissions

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