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

[lionel.web]

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 ??

 

[Teg]

Personally, I have never had an issue with font-size in mobile browsers and I've always used 12pt - 14pt font for the main text. Generally, I always use 12pt for the main text size. I'm not entirely sure why you are experiencing a problem here.

 

[Calman]

When you say "not very readable" ... are you referring to general clarity of the text or visual scale??

How do you code your font family and do you use any custom fonts, uploaded to your hosting/server? (in other words, letting mobile devices self-render fonts).

My experiences would echo Beans' response above. However, I had a friend come across what sounds like a similar issue, using an iPhone 5 with Chrome, where the font and layout seemed "rough around the edges".

As a side note, this link may be "dated" ... but maybe worth checking out for reference purposes?
http://iosfonts.com/

All the best,
Cal 🙂