Our Blog Page Page Icon  

Our Blog.

Humans writing words that span topics from support to design to content management and beyond!


Font-astic Terms

Continuing my theme of web design terms, this blog post is to further expand upon one of the main elements I’ve mentioned in my previous blog post: fonts.


As you might’ve read in my last blog post, it refers to the typeface the texts use. It plays a crucial role in establishing a website’s branding (look and feel), especially when it comes to composing a consistent and cohesive design. It can impact the message of the text itself. For example, using a hand-drawn style might give the viewer the impression that it’s a personal message from someone.


The following are my personal interpretations and are in no way the “official” meaning. There’re visual typeface examples on the right for each category mentioned. They can fall into these main “Font-astic Four” categories (Pardon the comic book pun! I couldn’t help it.):



clean and modern. This style is best used in all sorts of scenarios from headlines to small type to body copy because it’s easy to read, big or small. Common ones such as Arial and Helvetica are considered neutral styles.

Fonts: sans-serif



classic and traditional. This style is useful for business settings such as documents, formal letters and contracts, but still has so many variations that it could work in a modern context. Just like sans-serif it can be used in a large variety of things such as headlines, small type and/or body copy.

Fonts: serif



cursive, elaborate and elegant, also known as “calligraphic” styles. This style always looks beautiful and unique; it definitely highlights text when used. However, unlike serif and sans-serif, it’s most effective when used sparingly, as most script typefaces are notoriously hard to read when small and will look busy when used too much.

Fonts: script



custom-looking, fun and creative. It’s hard to give examples for this one because they’re not “standard” typefaces. It can also be combined with the other categories (as in a hand-drawn typeface can look like a script, sans-serif or serif typeface). This style is usually literally hand-drawn by the person who created it. Similar to script styles, they’re ideally used infrequently to highlight a headline or a callout. 

Fonts: hand-drawn


There are plenty more categories typefaces can fall into, but these are the basic ones that come to my mind first. Just like any design element it’s not about the quantity, but the quality; that’s why best practices suggest that you only use 2 or 3 styles in a design. When used at the right spot in the right combination, they can give your users/customers the right feeling and attract them into the website, making them want to explore it further.


I shall end this blog post with another inspiring quote. This one is from Steve Jobs (I think almost everyone knows who is) one of the founders of Macintosh/Apple:

“Design is not just what it looks like and feels like. Design is how it works.”


add a comment
Subscribe to this Blog Like on Facebook Tweet this! Share on Google+ Share on LinkedIn


Contributor Portrait
Brad Anderson
March 18, 2018
show Brad's posts
Contributor Portrait
Rob Matlow
September 5, 2017
show Rob's posts
Contributor Portrait
Sean Sanderson
May 8, 2017
show Sean's posts
Contributor Portrait
Christine Votruba
April 20, 2017
show Christine's posts
Contributor Portrait
Matt Stern
March 22, 2017
show Matt's posts
Contributor Portrait
Sean McParland
January 23, 2017
show Sean's posts
Contributor Portrait
Shauna Ramsaroop
December 21, 2016
show Shauna's posts
Contributor Portrait
Ryan Covert
August 4, 2016
show Ryan's posts

Latest Posts

Show All Recent Posts



Everything Content Management Technology Design Holidays Off Topic Support New Features Personal Gaming New Clients SEO REM News Project Management Account Management Training Marketing
Home Our Work Our Team Our Services WebWiz@rd™ Support Contact Us  


72 St Leger Street, Unit 2

Kitchener, ON, N2H 6R4

P: 519 884 4111 | TF: 1 866 754 4111 sales@remwebsolutions.com


Footer bullet Client Centre Login


Accessibility & Compliance Privacy Policy
© Copyright 2018 REM Web Solutions. All Rights Reserved.
Web Design and Content Management by REM Web Solutions.
FaceBook Twitter Linked In YouTube Google Plus Instagram our blog