Typography is an important design aspect that is often overlooked when creating websites, blog posts, premium content, newsletters, ebooks, promotional materials, and more. Many people hear the word \u2018typography\u2019 and panic, but if you are aware of a few key concepts and use some very basic techniques, you can transform both the readability of your content as well as the tone of your digital\/print voice.<\/p>\n
In this post we\u2019ll go over some of those key concepts and give you some introductory tips to start building your brand with typography.<\/p>\n
Using typography can transform a reader\u2019s experience. Instead of presenting him\/her with a wall of text, typography allows you to guide a reader through your content. You can highlight important information, group sections together with clearly marked headers, make quotes pop out, and more. By formatting your content with typography, you are creating a more inviting space for members, customers, and fans to enjoy.<\/p>\n
Additionally, typography is a great way to ensure brand cohesion and effectively communicate your unique voice on the web or in print. By consistently using one or two typefaces in your branding materials (logo, business cards, social media icons and banners, flyers, etc.) you can unify all your various platforms for communication with one overarching tone or voice.<\/p>\n
Before we dive into specific tips and uses of typography, let\u2019s define some important terms.<\/p>\n
Font vs. typeface<\/em><\/strong><\/p>\n Although these two terms might seem interchangeable, each refers to a different aspect of typography. A font<\/strong> refers to the physical file or each individual manipulation of text. The term font was originally used to describe each distinct set of keys used for analog printing in the olden days. For example, bolded Times New Roman in size 12 is a different font from italicized Times New Roman in size 10.<\/p>\n In contrast, typeface<\/strong> refers to the entire family of fonts. For example, Times New Roman as a whole is a typeface. A great way to think about it is using the analogy of songs on an album: many songs make an album just as many fonts make up a typeface.<\/p>\n Serif vs. Sans Serif<\/em><\/strong><\/p>\n A serif<\/strong> typeface is one that has little feet at the end of the letters. Some common examples include Times New Roman, Georgia, and Garamond. Serifs are great for long blocks of text (e.g. in books and magazines) because each letter is distinctly marked and separated.<\/p>\n A sans serif<\/strong> typeface literally means \u2018without serif' or without the little feet. Some examples are Arial, Verdana, and Futura. Sans serif typefaces generally feel more modern and casual, and so they are extremely popular for blog posts and other web content.<\/p>\n To get things started, you\u2019ll only need a handful of typefaces. My personal recommendation is 1 header<\/strong> typeface, 1 paragraph<\/strong> typeface, and 1 decorative<\/strong> typeface. Remember that each typeface has various fonts within it to give you the look and feel for each part of your website or branding material.<\/p>\n The header should be something that stands out and is easy to read. Most people tend to choose something that is bold and looks good at a larger size. If the font is not naturally bolded, you can generally tinker with the weight of the font to get the level of intensity you need.<\/p>\n On the other hand, paragraph text should be lighter. When deciding between serif and sans serif for that majority of your text, consider how your readers will be viewing your content as well as the type of content you produce. Is your content text heavy? You may want to consider a serif. Do you mostly produce content to for the web? Sans serifs are more flexible across a wide range of screen resolutions. Whether you\u2019re working with a designer or on your own, play with different combinations and fonts to find the style that best matches your unique voice and needs.<\/p>\n Lastly, if you are in the beginning stages of branding, you may want to choose a decorative typeface that complements your header and paragraph typefaces. Decorative typefaces are used for things like logos and web\/social banners. When choosing a decorative font, be sure that it is optimized for both web and print, especially if you plan on printing business cards or other promotional materials.<\/p>\n The typefaces and fonts you choose for your website or brand will define a hierarchy on your page. Instinctively, a reader\u2019s eyes are drawn first to big, bold text \u2013 that\u2019s why the norm is to use large, bold text for titles and headers. Quotes are often inset into paragraphs, enlarged, and styled in italics, which also draws the reader\u2019s eyes towards them. When used correctly, a web page\u2019s hierarchy allows a reader to jump from section to section obtaining the most important information without actually reading everything.<\/p>\n Once you\u2019re ready to start previewing, downloading, or even purchasing typefaces, you might find yourself a bit overwhelmed with the number of options available to you. A few of my personal favorites include Google Fonts<\/a>, DaFont<\/a>, and Adobe Typekit<\/a>. If you\u2019re looking for something a bit edgier or off the beaten path, check out this great list from Creative Bloq.<\/a><\/p>\n How are you guys using typography for your businesses? Have a question? Drop it all in the comments below. We love hearing from you!<\/p>\n","protected":false},"excerpt":{"rendered":" Typography is an important design aspect that is often overlooked when creating websites, blog posts, premium content, newsletters, ebooks, promotional materials, and more. Many people hear the word \u2018typography\u2019 and panic, but if you are aware of a few key concepts and use some very basic techniques, you can transform both the readability of your [\u2026]<\/p>\n","protected":false},"author":1493,"featured_media":15143,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","_strive_post_notes":"","footnotes":""},"categories":[69,120],"tags":[316,315,314],"class_list":{"0":"post-9017","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-advice","8":"category-content","9":"tag-font","10":"tag-typeface","11":"tag-typography","12":"entry"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tWhat you\u2019ll need<\/h4>\n
Finding fonts<\/h4>\n