{"id":7132,"date":"2014-04-03T16:37:08","date_gmt":"2014-04-03T23:37:08","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7132"},"modified":"2014-04-03T16:37:08","modified_gmt":"2014-04-03T23:37:08","slug":"using-science-to-choose-better-fonts","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/using-science-to-choose-better-fonts\/","title":{"rendered":"Using science to choose better fonts"},"content":{"rendered":"

We\u2019ve previously written about the psychology behind good content<\/a>, how to choose the right font<\/a> and how to structure your content<\/a>, now it\u2019s time to add a little more science to the art of website building.<\/p>\n

First, fonts have feelings.<\/p>\n

Well, not really. But they do evoke feelings from your readers. Humans created them, after all.<\/p>\n

They also have cultural references too. Have you ever come across a site that just feels spammy?<\/p>\n

Take this landing page from American Red Cross.<\/p>\n

\"Friendly
\nSeems pretty friendly.<\/p>\n

But let\u2019s change the fonts to \u201cImpact,\u201d since the page wants to impact lives\u2026 right?<\/p>\n

\"Friendly
\nNot so trustworthy now, is it?<\/p>\n

Fonts can give you a feeling. What feeling do you want your website to have?<\/p>\n

Choosing your paragraph font<\/strong>
\nAlthough quality of content<\/a> is of utmost importance, the way it\u2019s presented can also have an impact in purchase decisions and, of course, feelings and brand recognition. Choose a font that parallels the vibe you want for your business. Be inviting.<\/p>\n

First, select the font that will be most commonly displayed on your site. This is often the body copy, or paragraph text. For this, you\u2019ll want to choose a font that is readable. We\u2019ve outlined the differences between serif and san serif fonts previously. The gist is serif fonts are best for print, while sans serif fonts are better for websites.<\/p>\n

The main goal here is legibility. You\u2019ll want your font to be easy to read yet still convey just the right vibe.<\/p>\n

Pick a header font<\/strong>
\nThere are two other font types that you can consider.<\/p>\n

We left some information out. We\u2019re sorry\u2026 sorta.<\/p>\n

Script fonts are those handwriting style fonts that are commonly used for wedding invites or calligraphy sets. Decorative fonts are, well, decorative. Think of saloons or medieval style fonts or any font that is just plain pretty. These fonts can be used for headers, but are really meant for text that is more at a glance. A logo<\/a>, for example, is a great place to have a creative, but readable font.<\/p>\n

Fortunately, in Style Designer<\/a>, we have a few selected font pairings that, when chosen, will automatically change your headers and paragraph text to the appropriate fonts. When looking at these pairings, keep in mind that the first font is your header, and the second one is your paragraph text.<\/p>\n

Whichever fonts you choose, make sure that your readers aren\u2019t spending precious mental power to understand your words instead of deciding to what to buy. Make each of those factors super easy.<\/p>\n

Size matters<\/strong>
\nOn an average day, people consume lots of content \u2013 too much to count. As our reading patterns have changed drastically in the past 50 years, so has how we look at font sizes. Microsoft Word has a default font of 12pt, but for the Web, you\u2019ll want something a bit bigger.<\/p>\n

Larger fonts have been shown to produce stronger connections<\/a>. Therefore, 16pt (or 16px in online format) or larger for paragraph test is ideal.<\/p>\n

You\u2019ll also need to find a balance between sizes. Don\u2019t have a 30px font for a header with a 16px font for your paragraph text for fear of being a bit clownish.<\/p>\n

Play around with your sizes. It\u2019s ok, you\u2019re allowed.<\/p>\n","protected":false},"excerpt":{"rendered":"

We\u2019ve previously written about the psychology behind good content, how to choose the right font and how to structure your content, now it\u2019s time to add a little more science to the art of website building. First, fonts have feelings. Well, not really. But they do evoke feelings from your readers. Humans created them, after… Read More »Using science to choose better fonts<\/span><\/a><\/p>\n","protected":false},"author":455,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[709,372,711,708,710],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7132"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/455"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=7132"}],"version-history":[{"count":2,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7132\/revisions"}],"predecessor-version":[{"id":8557,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7132\/revisions\/8557"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=7132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=7132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=7132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}