Typography - Page 6

Learn how to work with fonts, lay out typography, pair different typefaces, and find collections of inspiring fonts to use in your next project.

Web Typography Rules: What You Need to Know

Font Collections / 7 Dec 2020

Web Typography Rules: What You Need to Know

90% of all the information on the web is in writing. That means that typography is a skill that dictates that 90%. That’s a staggering figure that highlights just how important typography is.

It’s absolutely everywhere: blog posts, social media, magazines, reports, books, and so much more.

What this means for you as a designer is that text is your primary means of communication. If you haven’t got your typography skills down, then you’re not going to be able to deliver your ideas to your audience.

Luckily for you, we’ve got a list of useful tips and rules that you can follow to avoid that happening. Even if you’re not the best at typography, follow the information that we’ve laid out here, and you’re going to be fine.

9 Reasons Why You Should Use Open-Source Fonts

Typography / 12 Oct 2020

9 Reasons Why You Should Use Open-Source Fonts

This is a love letter of sorts to an underrated design tool: open source fonts. Open source fonts are licensed in such a way that anyone can use them for any project at no cost.

Many open source fonts come with the standard Open Font License (you can find it here), and it gives you huge flexibility in how you can use them, the types of projects they are suitable for, and how they can be distributed.

There are plenty of reasons to try open source fonts for projects online and in print. And every typeface featured in this post is open source!

How to Pick a Font (For Any Design): 10 Tips & Principles

Font Collections / 27 Apr 2020

How to Pick a Font (For Any Design): 10 Tips & Principles

Choosing the right font for a new project can be exhilarating. But it can also be a major challenge. Fortunately, there are some timeless rules you can follow when deciding how to pick a font.

Whether you’re going for a super-subtle and simple design, or a bright and bold layout with impact, you’ll always need to consider some similar trade-offs with typography.

How to pick a font is less about specific steps and more about creating the right feel for a design project. Here’s how you do it (with some examples of lovely typography choices).

What Is an Icon Font? (And How to Use One)

Font Collections / 18 Nov 2019

What Is an Icon Font? (And How to Use One)

Icon fonts are a popular solution to a common CSS problem; how to incorporate web icons into your website design in an efficient, fast-loading way.

With plenty of services available to make choosing and using an icon font easy, you don’t have to create your own from scratch. Icon fonts are all over the internet.

But what exactly is an icon font? And how do you use them? Here’s a guide to everything you need to know about icon fonts.

What’s the Best Font for Your Resume or CV?

CV & Resume Templates / 3 Sep 2019

What’s the Best Font for Your Resume or CV?

It might sound a little silly at first, but the typeface you select for your resume design can speak volumes to potential employers. The font represents your design style and professionalism. It can also impact how the person looking at your resume perceives the information at hand.

The typeface you select makes a first impression with every person you might meet in the interview or hiring process. (They’ll likely see your resume before they ever meet you.) Make sure to set the right tone from the start.

We’re exploring the best free fonts for resumes today. Here are a few top-notch font choices that are resume-ready, and all completely free!

What’s the Deal With Em and Rem?

Typography / 3 Sep 2019

What’s the Deal With Em and Rem?

With all the talk about designing for responsive websites, two little words keep cropping up – em and rem. But what are they?

Em and rem, along with pixels, are units and methods to measure and resize type. Em and rem are relative, rather than static, units and are being used more and more for responsive web design schemes. Let’s dive into this concept today and explain things a little more clearly!

What’s the Best Font for Subtitles? 5 Examples Compared

Font Collections / 18 Mar 2019

What’s the Best Font for Subtitles? 5 Examples Compared

When it comes to choosing the best font for subtitles (or any other captioning), nothing matters more than readability. Clear subtitles are more than just identification on the screen, they can be a means of accessibility for many users.

You’ve probably seen a fair share of good – and bad – subtitle font options. (I remember watching a movie where the subtitles were yellow and nearly unreadable in some scenes. That’s not a good choice!) Closed captions are also common for viewing video on social media – who wants to play the sound at work? – and to understand content in another language.

Today, we’ll look at some of the best fonts for subtitles, and tips for creating small text elements on a moving video background that people will actually want to read.

10 Tips for Using Text Effects That Don’t Suck

Typography / 30 Apr 2018

10 Tips for Using Text Effects That Don’t Suck

Adding effects to typography can be a source of heartache for designers. Clients demand a drop shadow or embossing, and you’re stuck with text effects that threaten to ruin a project. What you need is an arsenal of text effects that don’t suck so you can help the client pivot to something a little more classy.

The trick to all of these effects is using them with purpose. Good typography doesn’t need “help.” If a font isn’t working alone, it’s not going to work with a bunch of techniques added either. (You’ll only make something bad even worse.)

The best text effects are nearly invisible to non-designers. Or text effects are used to add meaning to typography or lettering. Here are a few tips for using text effects that don’t suck with some pretty cool examples.

Serif, Sans, Script & Slab: 4 Font Types Explained

Typography / 5 Mar 2018

Serif, Sans, Script & Slab: 4 Font Types Explained

Always wanted to know the difference between serif, sans, script, and slab fonts? Look no further. Take your typography game to the next level, and quit guessing if certain typefaces or font pairs work together. Back your logic with a little design theory!

Having a better knowledge of fonts and typography can make explaining your choices to clients easier (always a bonus), and will give you more confidence when selecting font pairs. Here’s a primer (or refresher) on four common font types and how to use them in your design projects.

Every Design Needs Three Levels of Typographic Hierarchy

Typography / 15 Nov 2017

Every Design Needs Three Levels of Typographic Hierarchy

One of the most important elements for people looking at anything you design is the type. It needs to be clear and readable and it should direct users through a design, from most important elements to least.

And that, in a nutshell, explains typography hierarchy. But to really master the art of type, you need to understand how to layer type throughout a design to achieve maximum impact. Read on to learn how to master typography hierarchy and create effective type in every project.

Tiny Text: 6 Ways to Use It Effectively in Web Design

Typography / 24 Jul 2017

Tiny Text: 6 Ways to Use It Effectively in Web Design

One of the biggest trends in web design right now is super small. “Tiny” text elements have become a popular idea, but it’s a design trend that has spurred some debate.

There’s no doubt that small text sizes can cause some readability concerns. But when done well, a small block of tiny text can actually help create a point of visual emphasis and draw users into certain parts of the design.

Join us as we take a look at the tiny text trend, with examples to provide some design inspiration.

Color Fonts: A Beginner’s Guide

Typography / 31 May 2017

Color Fonts: A Beginner’s Guide

So what in the heck is a color font? It’s a term that keeps popping up and is starting to gain traction, although use in large design projects is still in its infancy.

Vendors such as Adobe’s Typekit have started to release some color font options with browser support, so there’s some movement toward wider use. Some have even called color fonts “the next big thing in web design.”

Here, we’ll look at the trend and let you decide how big – or not – this concept will be.