Reference

CSS drop caps
Various Font Stacks
and more…

Question	Short Answer	Long Answer	Comments
Optimal line length for readability	30em	30em-35em	Should be smaller for younger readers or inverted text (white on black background)
CSS drop cap 2 lines		body { line-height:1.25; }.dcap2:first-letter { float: left; font-family: Georgia,serif; font-size: 2.87em; line-height: 0.75; margin:0 .1em -.2em 0; padding:1px 2px 2px 2px ; text-shadow: 2px 2px 2px #764, 1px 0px #653 , 0px 1px #653 , -1px 0px #653 , 0px -1px #653 ; background-color:#a97; color:#fec; border-radius:.1em; border:#653 solid 1px; }
CSS drop cap 3 lines		body { line-height:1.25; } .dcap:first-letter { float: left; font-family: Georgia,serif; font-size: 4.54em; /* 4.37 for !border */ line-height: 0.75; margin:0 .1em -.1em 0; padding:1px 2px 3px 2px ; text-shadow: 3px 3px 3px #764, 1px 0px #653 , 0px 1px #653 , -1px 0px #653 , 0px -1px #653 ; background-color:#a97; color:#fec; border-radius:.1em; border:#653 solid 1px; font-weight:bold; }
Golden Ratio	0.61803399	x2=1-x, x+1=1/x
Font stack (sans-serif)	Verdana, Geneva, Tahoma, sans-serif	Arial, “Helvetica Neue”, Helvetica, sans-serif “Century Gothic”, “Apple Gothic”, sans-serif “Trebuchet MS”, “Lucida Sans Unicode”, “Lucida Grande”,” Lucida Sans”, Arial, sans-serif Verdana, Geneva, Tahoma, sans-serif “Gill Sans”, Calibri, “Trebuchet MS”, sans-serif “Helvetica Neue”, Arial, Helvetica, sans-serif Impact, Haettenschweiler, “Arial Narrow Bold”, sans-serif “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif Tahoma, Geneva, Verdana,sans-serif “Franklin Gothic Medium”, “Arial Narrow Bold”, Arial, sans-serif Futura, “Century Gothic”, "Apple Gothic", sans-serif Geneva, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, Verdana, sans-serif	Apple Gothic Arial Arial Narrow Bold Calibri Century Gothic Franklin Gothic Medium Futura Geneva Gill Sans Helvetica Haettenschweiler Helvetica Neue Impact Lucida Grande Lucida Sans Lucida Sans Unicode Tahoma Trebuchet MS Verdana
Font Stack (serif)	Cambria, Georgia, Times, “Times New Roman”, serif	Baskerville, “Times New Roman”, Times, serif Cambria, Georgia, Times, “Times New Roman”, serif “Copperplate Light”, “Copperplate Gothic Light”, serif Garamond, “Hoefler Text”, Times New Roman, Times, serif Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif Palatino, “Palatino Linotype”, Georgia, Times, “Times New Roman”, serif Times, “Times New Roman”, Georgia, serif	Baskerville Cambria Copperplate Light Copperplate Gothic Light Garamond Georgia Hoefler Text Palatino Palatino Linotype Times Times New Roman
Font stack (monospace)	Consolas, “Lucida Console”, Monaco, monospace	Consolas, “Lucida Console”, Monaco, monospace “Courier New”, Courier, monospace	Consolas Courier Courier New Lucida Console Monaco
FrameKiller	if(top != self) top. location. replace (location);	if(top != self) top. location. replace (location); if (top != self) setInterval ("top. location. replace (location);", 1); if (top != self) setInterval ("top. location. replace (location); alert(\"Please wait...\");", 1); <style>html {display : none;} </style> <script> if( self == top ) { document. documentElement. style. display = 'block'; } else { top. location = self. location ; } </script>