Typography Archive

emslede

What’s the Deal With Em and Rem?

screenshot

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!

April 4th, 2013 Posted in Typography
featured-mixtype

Mixing Typefaces: Tips and Techniques

Mixing typefaces can be on of the most rewarding, and trickiest parts of the design process. Creating the perfect pairing of typography can result in a beautiful and perfectly readable outline for almost any project.

But how can you get started? What should you consider when mixing typefaces? While the answers aren’t black and white, there are a few things you can do. Think about contrast, x-heights, shapes and slants and overall mood when combining typefaces for any project. In this article, we’ll be delving into each of these in a little more detail!

March 19th, 2013 Posted in Typography
stress-lede

Is My Type Stressed? A Primer on Stressed Typography

screenshot

As a designer, either working with a design firm or on a freelance basis, you probably know a lot about stress. From deadlines to redesigns, client relations to cash flow — it is part of everyday life for someone working as a designer in any capacity.

But did you know your typography could also be stressed? Just like in your life, type has certain pressure points, and there are good and bad types of type stress. In today’s article, we’re going to delve into this concept in a little more details. We’ll walk you through exactly what types of typographical stress there are, how you can ensure it doesn’t affect the readability of your designs.

February 25th, 2013 Posted in Typography
altimage

Add Flair to Projects With Alternate Lettering

screenshot

Most typefaces have more than just 52 letters – 26 uppercase and 26 lowercase. They also contain an assortment of alternate characters that can help add flair and interest to your typography.

These special characters have been around since the beginning of type. Renowned typographer Johannes Gutenberg even used them in printing early copies of the Bible.

January 2nd, 2013 Posted in Typography
TypeMasculinity-f

Leveraging Stereotypes in Design: Masculine vs. Feminine Typography

screenshot

Can type have a gender? Is it even socially acceptable to ask such as question? Putting aside any sort of nonsensical gender bias, it’s absolutely the case that typography can and does suggest a level of masculinity (or a lack thereof).

Today, we’re going to jump into what makes a typeface feminine vs. masculine. More importantly, we’ll talk about why this matters and and how it should influence your design work.

July 19th, 2012 Posted in Typography
googlefontcombos-f

10 More Great Google Font Combinations You Can Copy

screenshot

The last time we wrote about Google Web Fonts, it was a fairly new program with a handful of fonts. Today there are nearly 500 font families ready and waiting to be served up to your website completely free of charge. Google has certainly made its mark on web typography and stands as an excellent alternative to premium subscription services.

The downside of this growth is that it’s becomingly increasingly difficult to sift through the library to find the best selections. We’ve got your back though and are serving up another great collection of Google Web Font combinations ripe for the stealing. Just copy and paste our code, then tweak the style to fit your needs and you’ll be good to go!

March 20th, 2012 Posted in Typography
spothelvetica-f

That’s Arial Hot Shot: 5 Tricks for Spotting Helvetica in the Wild

screenshot

So you think you’re a pro at spotting typefaces eh? You’re a real type lover with at least one clever t-shirt dedicated to the cause of teaching the world to kern. You’ve seen the Helvetica documentary eight times and you love to walk around a crowded city with a superior smirk on your face, pointing out all the instances of Helvetica that you see.

The big problem with this, aside from the fact that you seem a little full of yourself, is that Helvetica can actually be pretty tricky to identify if you haven’t done your homework. I’m willing to bet that you’ve even pointed at Arial (gasp!) a time or two and boldly proclaimed it to be Helvetica! Save yourself the embarrassment and learn some great tricks for spotting the most ubiquitous font on the planet.

March 8th, 2012 Posted in Typography
typefacearticle

Pick the Right Typefaces for Your Project

screenshot

Sometimes the most daunting part of a new project can be the brainstorming phase. Thinking of color schemes and font selections can be inspiring in your head, but really tough when you start mixing and matching elements on paper or for your website.

Understanding some of the history of fonts and typography can help make any project a little easier. Learn how to pair different typefaces to get desired effect every time and learn what things to avoid. Sharp typography and font selections can really make or break just about any project.

January 26th, 2012 Posted in Typography
typeperspective-f

Typography With Perspective: Learn to Wield Illustrator’s Perspective Grid Tool

screenshot

Today we’re going to take a look at how to use the Perspective Grid in Adobe Illustrator. This awesome and fairly new tool allows you to automatically flow vector elements onto a prebuilt three dimensional grid.

You might think that you need to be an artist to use this tool but there are in fact all kinds of practical uses for it in every day design. We’ll use it to lay out some type like in the example above.

January 4th, 2012 Posted in Typography
behancetype-f

60 Absolutely Stunning Typography Projects

One of the best ways to get pure, unadulterated design inspiration is to look at a great collection of typographical art. The techniques, craftsmanship and gamut of visual styles is always enough to kick in the creative side of your brain and lead you to some incredible new ideas.

Today we’ve got sixty mind-blowing examples typographical art handpicked from Behance. In this post you’ll find branding concepts, free fonts, handcrafted goods and more.

December 30th, 2011 Posted in Typography
Subscribe
Membership