I'm dealing with my art director to redesign one of my website and more specifically the header of one of those. My websites are in web responsive and i'd like to know if there is any specification for the size of the font?
closed as unclear what you're asking by Benny Skogberg, Matt Obee, André, JonW♦ Jan 24 '14 at 13:26
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
Recommended font size for paragraphs in web is at least 16px (somewhat depending on which font you're using, serif fonts suffers from poor readability in lower res).
A good rule to follow is to let the H1 header be 1.5em in size, meaning 150% the size of your paragraph font. So if your paragraph font is 16px then let the H1 header be 24px.
Note that the font specs are also affected by browser preferences.
Not knowing specifically which typographic element are you asking about (page title, navigation, company branding/logo etc) I would echo AndroidHustle's comment and advise that you do not go below 16px for your smallest size. This 'should' hold up on both mobile and desktop but ultimately you will need to test thoroughly on various devices.
More from this old smashing magazine link here:
"16-pixel text on a screen is about the same size as text printed in a book or magazine; this is accounting for reading distance. Because we read books pretty close — often only a few inches away — they are typically set at about 10 points. If you were to read them at arm’s length, you’d want at least 12 points, which is about the same size as 16 pixels on most screens"
and some other general guidance from iA on text sizes: