Best main text, font-size for responsive css design ?

Discussion in 'Web Design' started by lionel.web, Feb 1, 2015.

to remove all ads.
  1. lionel.web

    lionel.web Member

    Messages:
    95
    Hello to all!
    My last sites, have been designed with responsive css. I make use of media queries.
    When I check them in some smart phones, the text was not very readable, due to font-size.

    I normal use 12-13px font-size for the main text
    . I think that is not a good approach. What is the best font-size for all ???
    In percentage (%) or in ems. And what size ??
     
  2. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    One that your end users can see without difficulty.

    There is no 'size' in relative dimensions, only larger or smaller.
     
  3. Robert-B

    Robert-B Member

    Messages:
    70
  4. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    I use rem for all my measurements.

    that way when it's scaled up and down if still functions as expected.

    which alas doesnt happen with px measurements
     
  5. breno

    breno New Member

    Messages:
    6
    What's the difference between rem and em? I could look this up but for the sake of discussion... :p
     
  6. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    rem == Root relative em

    Meaning that it ignores the inheritance cascade and takes the initial size from the "root" of the document model, that being the font size applied to body/html element. Whereas 'em' takes it's initial size (inherits) from the immediate parent element.
     
  7. breno

    breno New Member

    Messages:
    6
    Thanks for the explanation, i understand. So that being said it makes me sense to use rem over em?
     
  8. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    Not necessarily. if your design requires you to override the normal inheritance of font sizes for some reason, .. Then yes.
     

Share This Page