Typography

Why typography matters

Type choices will affect your site design and your visitors’ experience, especially their initial impressions of who you are and what you do. Type, just like imagery, evokes subconscious emotion and feelings. Sometimes we don’t value this. Instead, businesses invest the bulk of their energy designing a logo or choosing from generic photos to represent “who they are,” and font choice is relegated to the back seat in the process.

However, taking some extra time to think about your typography choices and the feelings they convey can really set you apart.

Type matters for another very important reason – it helps to preserve the attention of your visitors. How many times have you visited a website only to find almost unreadably small text, or a typeface that looks great on a type chart but requires all your attention to read on a regular PC screen?

Included

Carbon includes 20 font sets with designer selected typefaces that complement each other.

P.S. This is a panel, you can insert panels anywhere in the content, useful for a breakout, an aside or even a link you want to highlight.

Typefaces don’t stand alone: pairing fonts

When we talk about using more than one typeface, the concern is that things can get sloppy fast. However, if used thoughtfully and with purpose, two or even three typefaces can create a very seamless (or deliberately chaotic) design. And while finding a good pairing could seem like an impossible task we have combed the web and selected some great combinations. You can simply click in the theme customizer to select on of our pre-paired font choices.

Support for standard WordPress editor styles:

Quotes

Adapt what is useful, reject what is useless, and add what is specifically your own.Bruce Lee

Lists

Reasons lists can be fun:

  1. They are quick and easy to type
  2. Stand out from the body text
  3. Give your eyes a break
  4. Everyone loves a list

Using unordered and ordered lists is good practice as it creates more structured markup – useful for visually impaired users and also search engines.

  • Look good
  • Useful for accessibility
  • Highlight, short, memorable nuggets
  • Good for search engines

Sometimes a numbered list could use a little more zing, so you can use the “big number list” format on an ordered list:

Reasons to be cheerful:

  1. A bit of grin and bear it, a bit of come and share it. Your welcome we can spare it, yellow socks.
  2. Health service glasses, gigolos and brasses. Round or skinny bottoms. Something nice to study, phoning up a buddy. Being in my nuddy.
  3. Cheddar cheese and pickle, a Vincent motorcycle. Slap and tickle. Woody Allan, Dali, Domitrie and Pascale. Balla, balla, balla and Volare.

Two column lists

Having lists than span two columns can sometimes make sense:

  • Apple
  • Pear
  • Banana
  • Peach
  • Mango
  • Orange
  • Lemon
  • Lime

A few additional styles

In addition to the standard formatting of options in the WordPress editor, we’ve added a few additional ones of our own.

Large text can use useful at the top of a page as an opening gambit. Many publications – both offline and online – begin each article with a teaser or executive summary.

Small text is great when something is going to be added as aside, or a footnote. Perhaps supporting data or links.

Links made into buttons simply by adding the button class.

Theme colors

We have specific styles that use key theme styles and allow you to style your content with them:

How about using the “Reverse (button col)” format to apply button color you’ve defined to show reverse text to draw attention to it?

Maybe you just want the “Button color” format so you can use the button color as a foreground color?

Perhaps the button color wasn’t right for your highlight, instead apply the “Reverse (header col)” format and you can use the header color as well.

Finally…

You can also compress headings

Removing the regular margins – can be useful for short intros or an article summary

Just select the second heading and apply the “No top margin” format from the WordPress editor.