The optimal characters per line. At 24px tall and 400 weight, it felt too heavy. So I ended up reducing it to just 20px and thus ended up with what you see here. Seeing this in action made me realize. In reality, the text felt as if it carried more weight, as if it were somehow stronger, giving more authority to the words. Being a bit of a typography nerd, I took a look at some of my favorite high-authority sites with great typography and noticed that they all had a similar average number of characters per line. And compared to my recently refined body text style, they were pretty similar. Perhaps this is more of a subconscious thing that I have psychologically associated with beautiful and high authority sites.

But I suspect that if I feel that way, others might too. That is my story and I stand by it. Aside from font size and weight, I also made some adjustments to line height (the amount of vertical space a line of text takes up) and paragraph breaks. I was recently browsing Brian Gardner’s blog and noticed his typographical style. The line height of it really caught my eye, giving me the exact readability I wanted to incorporate. So I stole it. The result is a line height of 2. The easiest way to explain this for non-designers is that it’s very similar to when you create a double-spaced document.

Every College Student Can Probably

Relate to that trick. In this case, however, it is not for the purpose of filling more space because his teacher told him that the research paper should be 15 pages long. Actually, this is a way to give the reader enough visual breathing room to take in each word without the previous or next line encroaching on the current line. Also, I increased the distance between the paragraph Australia phone number breaks to a comfortable 34px . This gives it a distinct enough break to make it distinctly distinct, but not too much to break the visual rhythm. Headers Ah, the glorious hierarchy of type design. Headers are a way for readers to figure out sections and subsections within your blog posts and pages. Smart bloggers use subheadings to increase the “scalability” of a blog post.

Australia Phone Number

Smart writers use them to keep their thoughts more organized and to make sure the story they’re telling stays on track. It’s important to make these subtitles stand out visually, so I’ve taken some time to think about mine. The first change I made was to create a very subtle negative indent for the header text. negative indent header A subtle -10 pixel margin on titles makes them stand out to the left enough to stand out without being obvious or distracting. However, this will only happen on screens larger than 1200px . But that is a topic for another section below. Next, since subheadings meant a significant change in a post’s story or thought process.

I Wanted To Leave Them With A Little

Extra white space to communicate a more significant change than moving from one paragraph to another. I liken it to the kind of rest a musician might place within a musical score. The result is a slightly higher space between the end of a paragraph and a subheading. Iconography iconography Throughout my previous designs, I have often borrowed from several different sets of free and very popular icon fonts to meet my icon needs. Dashicons – The Official WordPress Icon Font Font Awesome: My previous favorite The reason I used them is because they were free open source fonts, not just .pngs or .jpegs of icons. This is important because using a font instead of an image ensures that the icon will look good on all screen resolutions and will likely load faster.

Last year, Studio Press (affiliate link) started using an icon font in some of their Genesis Child Themes (affiliate link) that I hadn’t seen before called Ionicons . It is another free open source icon font that is very well put together. And for a detail-obsessed designer like me, they’re wonderful icons. So I took some time to replace every instance of an icon within my theme with an Ionicon version. This ensures a uniform appearance of each icon throughout the site. Buttons Why, oh why, do I love buttons so much? Is it just me? Does anyone else find buttons fascinating? Maybe I’m weird, but I find it very fun to play and create buttons. I guess it worked really well for Social.

Leave a Reply

Your email address will not be published. Required fields are marked *