Bulletproof: default font size of 69% too small?
Bulletproof: default font size of 69% too small?
I am using serendipity 1.2 branch svn version and the Bulletproof blue style template. Now I noticed that the text was actually rather small, with the footer text even almost unreadable. It seems this is because the font-size is set to only 69% in the blue_stype.css file for the #wrapper style. Now this seems like an extreme small value for "normal" text. Why was such a low value chosen? I can easily change this value, unfortunately then all other headers become actually very large. It seems to me that the font size ratios are far from perfect in the tempalte.
-
Don Chambers
- Regular
- Posts: 3657
- Joined: Mon Feb 13, 2006 2:40 am
- Location: Chicago, IL, USA
- Contact:
Warning about the svn version of bp: That is under very active development, and features that exist at any given moment in time may change - both in terms of new features, as well as something becoming unavailable in a pending update.
That being said, the font sizes are not currently being considered for change. You also need to understand that using relative font sizing, although best from an accessibility perspective, can be difficult to understand. You need to drill down through all the layers of font-size settings for any particular item to understand how a final font size is determined. You also need to understand that your browser's font size setting plays a role in what you see in the bulletproof colorsets. I have my browsers set to a "normal" font size, and that results in bp footer text being about the same size as it is right now when I write this message.
That being said, the font sizes are not currently being considered for change. You also need to understand that using relative font sizing, although best from an accessibility perspective, can be difficult to understand. You need to drill down through all the layers of font-size settings for any particular item to understand how a final font size is determined. You also need to understand that your browser's font size setting plays a role in what you see in the bulletproof colorsets. I have my browsers set to a "normal" font size, and that results in bp footer text being about the same size as it is right now when I write this message.
=Don=
Re: Bulletproof: default font size of 69% too small?
The usual default font-size in any modern graphical browser is 16px. That means if you view an HTML page without any CSS styling in any of these browsers (Firefox, Opera, IE7 etc.), paragraphs will have a font-size of 16px, which is rather big - unless you or your visitors use very large screen resolutions.freggy wrote:It seems this is because the font-size is set to only 69% in the blue_stype.css file for the #wrapper style. Now this seems like an extreme small value for "normal" text. Why was such a low value chosen?
So if you use em values for your font-sizes in CSS, this means 1em = 16px. Some designers like to switch this to make working with ems easier. The most common technique is probably to set font-size: 62.5%; for body, which means 1em=10px, 1.2em = 12px etc. In this case, 69% gives us 1em = 11px, which is considered a nice value for text.
YL