Skip to main content
Aliexpress WW
Aliexpress WW

The Ultimate Glossary of Terms About Typography In Graphic Design

What is typography?

Typography is everywhere we look. It's in the books we read, on the websites we visit, even in everyday life—on street signs, bumper stickers, and product packaging.
examples of typography
But what exactly is typography? Simply put,typography is the style or appearance of text. It can also refer to the art of working with text—something you probably do all the time if you create documents or other projects for work, school, or yourself.

Common types of fonts

Typography can be an intimidating subject, but it doesn't have to be. You only need to know a little to make a big difference in the stuff you do every day. So let's get started. First, somecommon types of fonts and what you need to know about them.

Serif fonts

Serif fonts have little strokes called serifsattached to the main part of the letter.
example of a serif font
Because of their classic look, they're a good choice for more traditional projects. They're also common in print publications, like magazines and newspapers.
serif fonts in a magazine

Sans serif fonts

Sans serif fonts don't have that extra stroke—hence the name, which is French for without serif.
sans serif fonts
This style is considered more clean and modern than serif fonts. Also, it tends to be easier to read on computer screens, including smartphones and tablets.
sans serif fonts on a website

Display fonts

Display fonts come in many different styles, like script, blackletter, all caps, and just plain fancy.
display fonts
Because of their decorative nature, display fonts are best for small amounts of text, like titles and headers and more graphic-heavy designs.
using display fonts

Choosing a font

In a way, fonts have their own language. They all have something to say beyond the words on the page. They can come across as casual or neutral, exotic or graphic. That's why it's important to think about your message, then choose a font that fits.
choosing a font style

Fonts to avoid

Some fonts come with extra baggage, including Comic Sans, Curlz, and Papyrus. There's nothing particularly wrong with these fonts—they just have a certain reputation for being outdatedand overused.
commonly overused fonts
If you find yourself tempted by them, think twice and consider using something else. There are many fonts with a similar look and feel that are less likely to detract from your message.

Combining fonts

When deciding which fonts to use, less is more. It's best to limit yourself to one or two per project. If you need more contrast, try repeating one of your fonts in a different size, weight, or style. This trick is practically foolproof for creating interesting combinations that work.
combining different fonts
You've probably heard that opposites attract. The same is true for fonts. Don't be afraid tocombine font styles that are different but complementary, like sans serif with serif, short with tall, or decorative with simple. This can be challenging at first, but don't despair. Look to other designs for inspiration, and soon you'll get the hang of it.
common font combinations

Other important terms

Maybe you've heard terms like kerningleadingtracking, and hierarchy. For those with more experience, these concepts are essential for creating professional-looking designs. As a beginner, you don't need to know everything about these terms—just enough to inform your work and help you talk about design with more confidence.
talking about design to a crowd

Hierarchy

Hierarchy is used to guide the reader's eye to whatever is most important. In other words, it shows them where to begin and where to go next using different levels of emphasis.
text hierarchy
Establishing hierarchy is simple: Just decide which elements you want the reader to notice first, then make them stand out. High-level items are usually larger, bolder, or different in some way. Remember to keep it simple and stick to just a few complementary styles.
using hierarchy on a business card

Leading

Leading (rhymes with wedding) is the space between lines of text, also known as line spacing.
leading, or line spacing
If you're not sure how much line spacing to use, don't fret—the default is usually fine. The goal is to make your text as comfortable to read as possible. Too much or too little spacing, as in the example below, can make things unpleasant for the reader.
too much or little line spacing makes the text hard to read

Tracking

Tracking is the overall space between characters, sometimes called character spacing. Most programs let you condense or expand this depending on your needs.
text tracking, or character spacing
In some designs, you might adjust your tracking to create a certain artistic effect. It can also help you fix fonts that are poorly spaced to begin with.
adjusting tracking

Kerning

Kerning is the space between specific characters. Unlike tracking, it varies over the course of the word because each letter fits together differently.
example of kerning
Some fonts have what we call bad kerning, making certain letters look improperly spaced. If a font you're using has bad kerning, it's best to cut your losses and choose something else.
example of bad font kerning

Putting it all together

Well-crafted text can mean the difference between something ordinary and something extraordinary—even if you're just getting started with design. All it takes is an interest in typography and you'll start to notice more, see more, and be able to do more in your own work.
example of different projects

We hope you enjoyed learning the basics of typography!

Comments

Popular posts from this blog

The Advanced Guide to Colours In Graphic Design

The power of color Color plays a vital role in  design  and  everyday life . It can draw your eye to an image. Sometimes it can trigger an emotional response. It can even communicate something important without using words at all. So how do we know which colors look good together and which ones don't? The answer is simple:  Color theory . Artists and designers have followed  color theory  for centuries, but anyone can learn more about it. It can help you feel confident in many different situations, whether it's  choosing colors for a design  or  putting together the perfect outfit . With a little insight, you'll be looking at color in a whole new way. Color basics Let's start at the beginning with a refresher on the basics. Remember learning about  primary and secondary colors  in school? Then you already have some knowledge of color theory. Secondary colors  are created by combining two  primary colors...

The Ultimate Cheat Sheet On Making Basic Adjustments In Image Editting

Introduction Image editing is all about adjusting your images to make them look better. We're going to talk about some of the most  basic image adjustments , along with some common problems to watch out for when making these changes. The adjustments we'll cover in this lesson include: Cropping : If you want to remove parts of an image, you can  crop  it. You can think of cropping as using a pair of scissors to  cut out  the parts you no longer want. Resizing : If you want to make an image smaller or larger, you can  resize  it. However, keep in mind that making an image larger than its original size generally does not look good. Rotating : If you want to change the  orientation  of an image, you can  rotate  it to the left or right. Optional : If you'd like to follow along, you can download some or all of our  example images . Just click any of the images below to open a full-sized version. Then right-click the full-si...

The Ultimate Cheat Sheet On Fixing Common Problems

Introduction Images that come straight from a digital camera aren't always perfect. As you start to gain more experience with image editing, you may notice some  recurring problems  with images that you'll want to fix. For example, some images may be too bright, while others may be too dark or too blurry. There are many different  corrections  that can make your images look dramatically better. Some of the corrections we'll cover in this lesson include: Brightness   and   contrast : If an image is  too bright  or  too dark , you can adjust the  brightness  and  contrast . Color : If the colors in an image are  muted  or  dull , you can use a variety of color-correction tools, such as  saturation . Sharpness : If an image is  less clear than you'd like it to be, you can  sharpen  it. Want to see the difference that corrections can make? Take a look at the example below. It only took ...