HOME | DD

Description
body div#devskin9365326 * { background:transparent none; border-width:0; font-family:'open sans', verdana, sans-serif; } body div#devskin9365326 .gr1, body div#devskin9365326 .gr2, body div#devskin9365326 .gr3, body div#devskin9365326 .tri { display:none; } body div#devskin9365326 h2 img { display:none; } body div#devskin9365326 .timestamp { display:none; } body div#devskin9365326 .f img { display:none; } body div#devskin9365326 h2 { font-size:65px; font-weight:100; } body div#devskin9365326 h2 a { color:#222!important; } body div#devskin9365326 .text, body div#devskin9365326 .text .inverted { font-size:18px; font-family:georgia, times, serif; line-height:26px; letter-spacing:0.3px; color:#222; } body div#devskin9365326 .inverted { background:#222; color:#ddd!important; padding:3px; } body div#devskin9365326 .brush { font-family:'brush script std'; } body div#devskin9365326 .ver { font-family:verdana; } body div#devskin9365326 .fix { position:static; top:0; left:0; width:100%; height:32px; background:#f00; }

One of the most frequently overlooked sections of a journal skin, typography is something far more challenging to get right then people think. You see, it's far more then just picking a font and dumping it in. It is, in fact, an art form.

Now, I could waffle on at length about why typography is so damn cool and important and all that, or I could just get to the damn point: How to use typography effectively in your journals.

The first rule to remember is people have to read it. Yeah, that 10px san-serif font may look great on your screen, but for someone reading on a phone, or on a higher resolution screen it's like stabbing them in the eyes repeatedly. Keep your text big. 16px is a good size for longer form body copy, and is about the size of print in a book on most normal screens.

Secondly, not everyone has their brightness and contrast the same as yours. Text, especially when it's designed to be read, should have a high contrast against the background. Whether that's dark text on a lighter background, or Light text on a dark background you need to keep a good level of contrast, but don't use straight black or white for text. You see, there is a limit to how much contrast is easy to read, and once you start getting to pure black on white or the reverse things start going strange. In this skin I've used #222 for all the text.

Finally, choose easily readable fonts. So you might love Brush Script, but don't use it for your body text. It's hard to read, and not everyone has it installed (If you don't have it installed and are confused, you're a perfect example of what I'm talking about). So you have 400 fonts installed. Great. Super for you. Most people don't. For journal skins, stick to common fonts like georgia (this skin) or verdana.