Does Your Theme Handle Typography Properly?

Typography is a big deal. After all, it’s the vehicle that conveys the most important thing on any web pageā€”the content.

On top of that, typography has significant subconscious effects on your site’s visitors. For example, the fonts you choose convey both an attitude and an aura about your site and what you have to offer.

Perhaps even more important, the size and spacing of your typography are directly responsible for the feeling your visitors will have as they dig in to read your content. [continue reading…]

Focus Image and Caption Styles

The image above is a WordPress featured image for this post. By default, it will be aligned flush left with no text wrap, but you can select any alignment you like in your WordPress media gallery.

In addition to WordPress featured image support, Focus comes with 4 default image alignments:

[continue reading…]

Sample Code and Pre-formatted Code Output

One particular HTML element that has been taking up way too much of my time lately is the <code> tag. Different browsers will render the contents of this tag differently depending on how the CSS properties (such as line-height, font, and/or font-size) are declared.

It is a constant battle to ensure that elements will render correctly, and even when you think you’ve gotten everything worked out perfectly, you may find that Safari, for instance, doesn’t know what to do with an unordered list of encoded text:

[continue reading…]