typography

The Story Behind SitePoint’s New Typeface: Roboto

Find out why the SitePoint team recently decided to change our typeface to Roboto, a clean font with open licensing.

4 Expert Tips for Getting the Most Out of Google Fonts

It's easy to forget how difficult, hacky and expensive custom typography used to be. Today Monty delivers four tips to help you use Google Fonts like a pro.

Should You Be Brave with Your Typography? Ask Mr. Robot.

Is There a Perfect Paragraph Length for the Web?

Like hand-holds on a climbing wall, paragraphs give us an obvious path to traverse a wall of text - except when we they get lost on a small screen.

Taking the Guesswork out of Typography on the Web

Today Laura Elizabeth delivers a 'typographic tour du force' that will lift you from middling to master in 12 minutes. Read and see.

Mastering Visual Hierarchy for Menu Design

Menus are complicated design challenge and designers have been thinking about them for a long time. What can we take from great restaurant menu design?

Choosing the Best Typography for Your UI

If web design is 95% typography, then choosing the best typography for your UI is your most critical design decision. Chris Bowler is here to help.

Design History: Get to Know Your Ampersands

It's as mysterious as it is ubiquitous, but what is the origin of the ampersand? Kaitlyn gets us up to speed with this ancient tool of text.

Which is More Important in Design: Images or Text?

Images are part of our brain's native OS, but the written word has accuracy and precision. Helen tries to find the balance point between images and text.

Travelling by Typeface: San Francisco via San Serriffe

From Monaco to New York to Chicago, type has often been linked to cities. Apple's newest typeface San Francisco, takes a big city into small places.

The Three Typography Books All Frontend People Should Read (and Why)

Looking for three typography books to take away to a desert island? Simone has the perfect set for your lifeboat. Your rescue notes will look amazing!

Create a Shaded, Stylized Text Effect in Photoshop

Create Melting Typography in Photoshop

Create An Icy Text Effect in Photoshop

Learn how to create an icy text effect in Photoshop. Learn how to mix a few textures, filters, and layer styles to create an icy text effect in Photoshop.

Typography 101

A primer on Typography. Learn about the anatomy of typography, its classifications & how to use this information to improve your skills with typography.

7 Fonts With Very Specialized Purposes

This is a look at fonts that have very specific purposes. These fonts are great for their intended use, but wouldn't work well in other applications.

Create a Branded Text Necklace in Photoshop

15+ Beautiful Examples of Script Typography in Product Design

Create a Blueprint Effect With Photoshop

Create Rich, Detailed 3D Typography With Photoshop CS6

The Best New Fonts of 2012 (So Far)

I love fonts! Hands down, scrolling through gobs of new fonts is one of my biggest time-killers (2nd only to Facebook). From a creative standpoint, fonts are a major driver of design for me. Often, I look for the right font prior to any other design element.

10 Places to Get Free and Premium Webfonts

Twelve Terrific Typographic Logos

Do You Rely On Embedded Fonts?

30 Best Grunge Fonts from Around the Web

DesignFestival: Focus on Typography: Space

DesignFestival: 3 Text Spacing Principles Every Designer Needs to Know

DesignFestival: Special Entities of HTML

DesignFestival: Popular Mistakes in Universal Web Design

What’s So Smart About Those Quotes