Newsletter

Subscribe to our mailing list

August 02, 2017
Quality Websites Need Quality Typography

Quality Websites Need Quality Typography


What is a font? What is a typeface? Are these words interchangeable? If you don’t know the answer to these questions, this one is for you. If you ever question how important typography is to any design, this one is for you also.

Font describes the weight and variation of a typeface. Attributes such as bold and italic are different fonts. Typeface refers to a “family” of fonts. Times New Roman, Verdana, and Helvetica are all separate typefaces. It is important to know these terms correctly because many experts swear by the notion, type makes up more than 95 percent of web design.

Typography Today

Websites all convey a particular mood, whether the mood is intentional or not is up to the designer. A website may unintentionally spur a bad mood if it is cluttered, lacks visuals, or requires a magnifying glass to read the text. A website may surely elicit a positive mood if it is easily navigable, legible, readable, and does not appear as an endless spew of text. All these factors contribute to a better user experience, or UX. Another thing these factors all have in common: typography.

Typography greatly effects on the success of a website. A user’s reaction to the appeal of text is a reflection of the site’s visual appeal. Think of how a website visitor might interpret the italicized words in the sentence, “You do not want to miss this sale!” The italics here stress the value of the sale for products sold on a website. The type in the sentence, “You do not want to miss this sale!” is common and does not differentiate the value of the sentence from any other sentence on the website. This reaction is something a word alone cannot accomplish. Visual Hierarchy says, typography is what enhances and changes the meaning of the language.

Future Typography

Joint-innovators Google, Apple, Adobe, and Microsoft will soon introduce variable fonts to the design world. They have named the new technology “OpenType Variable Font”. These four companies recognize the importance of impeccable, versatile font, causing them to develop responsive design for fonts.

The problem is, fonts quickly increase both file size and load time for websites. Since each typeface has several different fonts, a separate file is required for each. Many websites do not want to jeopardize loading time speed and, as a result, will sacrifice the number of fonts they use. This means developers would rather manually manipulate one font to appear bold, rather than to carry the extra file for bold font. As a website appears on different platforms, including smartphones, desktops, and tablets, the manipulated font will appear distorted because it is not intended to adapt to different devices and weights.

The solution lies in variable fonts. One font will be adjustable to different weights, sizes, and viewing platforms based on mathematical data. The benefits of variable fonts are faster websites, higher quality websites, and smaller app sizes. Although no variable fonts are on the market yet, designers and developers are preparing to use them in the near future.

Importance of Typography

Brand recognition is largely tied to quality typography. At the earliest ages, children are able to recognize McDonald’s just by the company’s signature yellow “M”. Color and fonts all come together to create brand awareness for viewers. Too many typefaces are distracting; however, this does not mean only use one typeface throughout an entire website. As a rule of thumb, use between two and three typefaces to create a consistent, engaging design. Typography is also used to navigate visitors through a website. Large fonts distinguish important information from general content, and font alignment shows the eye what it should view next. Good typography has the ability to bring a website to life while also sparking a flare of character.

Read our next post...

Marketing 5 “Must Do” Items to Enhance Your Marketing

Marketing Retargeting: Never Lose Sight Of Your Website Visitor

Web Dev Quality Websites Need Quality Typography

Marketing Web Development Meets Web Analytics: The Knowledge Gap

Web Dev Responsive Design: It's More Than Just Design

Marketing Economic Summit 2017

Marketing Mary Meeker's Global Interent Trends

Marketing, Web Dev A/B Testing: Getting the Most out of Your Site

Marketing, Web Dev Upping the Ante: Interactive Content

Marketing, Web Dev Google’s SEO Best Practices: A Starter Guide

Marketing Creating Timeless Content to Boost SEO

Marketing, Web Dev 2017 Research Recognizes 10 Pound Gorilla as a Leader in SEO

Marketing, Web Dev Designing an Elegant Website using Whitespace

Marketing, Web Dev Test Your Website’s Success Using Heat Maps

Marketing Start Fresh, & Advertise with Facebook!

DNN, Marketing, Web Dev 2017 DNN Summit Sessions

Marketing, Web Dev Web Design: The Past, The Present, & The Future

Marketing, Web Dev Intrusive Pop-Ups to be Penalized by Google

Marketing The New Wave of Advertising: Native Ads

DNN, Web Dev Proud Sponsor of DNN Summit 2017

Marketing Moving to Mobile

Marketing, Video Power of Video

DNN If you’re a DNN user, your site could be vulnerable to hackers

Marketing, Video The Art of Retargeting: How it works and Why You Should Retarget

DNN, Marketing, Web Dev 10 Pound Gorilla Named Top Ten Denver Web Development and Digital Marketing Agency by Clutch.co

Marketing 10 Tips to Design Your Website for Lead Generation

DNN, Marketing, Modules, Web Dev DNNCON: Thank You!

Marketing 10 Ways to Incorporate Direct Response Marketing with Print Media

DNN, Marketing, Web Dev 10 Pound Gorilla... One of Denver's Top 10 Digital Marketing Agencies

Marketing How to Turn Social Media Fans Into New Customers

Marketing Your Facebook Likes No Longer Matter!

Web Dev Is Google Going to Penalize Non-Mobile-Friendly Websites?

DNN DNNCON: Thank You!

DNN, Modules, Web Dev From Ordinary To Extraordinary

DNN, Marketing, Modules How to Sell, Quote or Budget for a DNN E-commerce Website

Web Dev Getting Users to "Respond" to Your Mobile Menu Designs

DNN, Web Dev DNNCON: Editor.css

Marketing Getting The Conversion

Marketing Tips for Writing Effective Newsletters

Marketing Why Should You Have a Newsletter?

Marketing Writing Copy That Will Actually Be Read

DNN Editor.css: Giving You & Your Clients Less Headaches

DNN, Web Dev Connall Cosmetic Surgery: Case Study

Web Dev Making the Case for a Responsive Site

DNN, Modules, Web Dev March Module Madness: Dynamic Forms

DNN, Modules, Web Dev March Module Madness: Ventrian News Articles

DNN, Modules, Web Dev March Module Madness: Form & List

Marketing 5 Tips to Online Marketing

Marketing How the Name "10 Pound Gorilla" Came to Be

Marketing Creative Online Marketing: Groupon & Living Social

Marketing Promoting Your Business With Instagram

Marketing Using Your Blog to Boost SEO

Marketing Suprising Social Media Facts & What You Should Do

DNN, Web Dev DNN Con 2013: Mobile Navigation

DNN, Web Dev DNN Con 2013: Determining What Makes the Mobile Cut

DNN, Modules, Web Dev DNN Con 2013: DDR And JQuery. More Than Just Hover And Drop Down.

Web Dev A Mobile-First Approach to the Web

DNN Southern Fried DNN: Best of both worlds: Great Design and Flexibility

DNN Southern Fried DNN: Different skin designs from just one skin file

Web Dev The Future of the Web: HTML5

DNN Dot Net Nuke World 2012 Speakers & Sponsors

Marketing Google Places is now Google+ Local

DNN, Marketing Day of DNN - Using DNN to Feed Data to Several Social Portals

DNN, Marketing Day of DNN - Easy to Use Strategies for Writing & Submitting Articles to Increase Inbound Links

DNN, Marketing Day of DNN - How to Optimize Your Socialization

DNN Guest Speakers at Day of DNN!

Marketing Enticing Your Followers with Fresh Content: A How To Guide

DNN, Web Dev What Can Website Templates Do For You?

Marketing Getting Up in the Ranks Through SEO

DNN, Modules Best DNN Shopping Cart

Marketing Enter into the "Timeline"

Marketing Making Your Facebook Business Page Secure

Marketing Get Your Tweet-Face On

DNN, Marketing Google Analytics and DNN

Marketing What is Social Media and What Can It Do for You

DNN Advantages of DotNetNuke

Web Dev 8 Ways to Increase Website Speed

Marketing Beyond Facebook and Twitter, Get "In" with Social Media

Web Dev 8 Great Website Development Tools

Web Dev Your Website & Internet Explorer

Marketing What is Google +1

Web Dev What is "The Cloud"?

Succeed

Contact 10 Pound Gorilla Today
for Your Free Consultation

or Call {970} 726.5144 or Connect