Navigation

Typography articles

Chromatic typefaces and flat design

The web's increasing infatuation with flat design has lead to a rapid rejection of artifice like drop shadows, in favor of a cleaner more shape-based look. But this leaves the designer with a problem: how do you style type to be vibrant whilst...
211 Shares
Tweet
Like
Share
Share
/
1 comment
Neo Mudaly says:
One thing I found when using attr(title) is that you can't add format to the string, such as add a line break. If you add the string directly to 'content' you can do...
/ Jun 10, 2013

Do's and don'ts of typography

As so much of the content available on the web is text it's essential for web designers to understand the basic principles of good typography. Having such knowledge allows designers to communicate more effectively, enabling them to create...
1083 Shares
Tweet
Like
Share
Share
/
29 comments
Marybaum says:
If I'm hearing you right, the shorter measure made the entire text block too small to notice. I wonder if bumping up the type size to make the block bigger would have...
/ May 22, 2013

Side project: The Phraseology Project

The Phraseology Project was originally setup by Drew Melton as a way for him to hone his typography skills. The idea is that people submit words or phrases and Drew, or a guest contributor, creates a typographic treatment of the submissions....
291 Shares
Tweet
Like
Share
Share
/
3 comments
Cheryl McCullough says:
That was my favorite too!!!
/ May 20, 2013

Side project: Type Fight

The side project series is a series of posts in which we'll be taking a look at the best of designers' side projects. To get things started, this week we're going to be looking at Type Fight, a side project by designers Drew Roper, Ryan Paule and...
187 Shares
Tweet
Like
Share
Share
/
2 comments
Web Outsourcing Gateway Inc. says:
Thanks for sharing. It gives idea to many designers. I like the number 3 on the right side. :)
/ May 14, 2013

How to optimize for legibility using text-rendering

The most frustrating aspect of web design for designers trained for print, is the persistent lack of typographic control. Careful typographic choices are the hallmark of quality work and the lack of that quality online never ceases to be jarring...
278 Shares
Tweet
Like
Share
Share
/
11 comments
Penina S. Finger says:
Follow-up: Not getting great results in Wordpress. Found this (Nov 2011) discussion in the stackoverflow forums: http://bit.ly/12RpVJL I'm using a PageLines theme, but...
/ May 7, 2013

Kandinsky style type

Lovers of abstract art are undoubtedly familiar with the superlative Wassily Kandinsky — the Russian-born painter, printmaker, and theorist who was recognized as having painted the first purely abstract compositions in modern...
247 Shares
Tweet
Like
Share
Share
/
2 comments
Web Outsourcing Gateway Inc. says:
This is an eye-catching design. Thanks for sharing.
/ May 3, 2013

Deal of the week: Beautiful Solomon font family

It’s rare that you find a typeface with both legibility and character; the latter often obscures the former. So you’d be wise to take advantage of our sister site MightyDeal.com’s current offer on the beautiful Solomon font family....
214 Shares
Tweet
Like
Share
Share
/
1 comment
Ruth Cole says:
Fonts are a beauty by itself. These fonts bring in there beauty to the website with simple back grounds and designs.
/ May 2, 2013

Are you a font nerd?

A few weeks ago, we posted a nifty quiz to test your prowess at differentiating between Helvetica and Arial. If that typography challenge succeeded in whetting your whistle for font games, a new app design is ready to take you to the next level...
484 Shares
Tweet
Like
Share
Share
/
12 comments
Rohit Sharma says:
very nice and clean app!
/ Apr 24, 2013

How to turn your icons into a web font

I had created some neat icons for a website redesign I was doing, and I previewed the new site on an old iPad. The layout looked OK at normal size, but zooming in to part of the page, I suddenly saw that my icon was a blurry mess, while the text-based...
729 Shares
Tweet
Like
Share
Share
/
7 comments
Brian Franco says:
I love using Icomoon, super handy tool.
/ Apr 10, 2013

The typographic portfolio of Peter Tarka

Talent, discipline, and creativity just might constitute a triple threat in the world of design; and if it does, 21-year-old Peter Tarka easily meets the definition. Each month, the ambitious Poland-based creative produces a collection...
281 Shares
Tweet
Like
Share
Share
/
4 comments
Friv says:
like like . This peak is photoshop. I would like to learn
/ Apr 3, 2013

Arial vs. Helvetica, can you spot the difference?

It’s long been thought that Arial is to Helvetica what the ugly step sister is to Cinderella. Helvetica was designed in Germany in the 1950s to compete with Akzidenz Grotesk; Arial was designed in America in the early 1980s, believed by many...
777 Shares
Tweet
Like
Share
Share
/
15 comments
Simon ramsay says:
same!
/ Mar 29, 2013

Beautiful botanical alphabet

Since the very earliest illuminated manuscripts, dating back to the 5th century AD, we’ve associated flora with enlarged type. Perhaps it’s something to do with the way plants repeat the same shapes, echoed by type. Or perhaps it’s...
365 Shares
Tweet
Like
Share
Share
/
1 comment
Shane Albuqerque says:
amazing designed fonts!!
/ Mar 28, 2013

How to use CSS3 columns

With increasing diversity in monitor sizes, it's not practical to design single blocks of text that take up the entire width of the screen. The traditional solution is to split text into columns manually, which is very time intensive; or to...
411 Shares
Tweet
Like
Share
Share
/
6 comments
Timkg says:
I'm somewhat late to the party, but apparently setting "display: inline-table" prevents content items from being split in half.
/ Mar 26, 2013

Serif vs. Sans: the final battle

First it was the Capulets versus the Montagues; then it was Coke versus Pepsi; and the latest epic battle? Serif versus sans-serif, of course. Lucky for us, the crew at UrbanFonts has produced a nifty infographic to help clarify the age-old...
1570 Shares
Tweet
Like
Share
Share
/
10 comments
Vectorism says:
i guess they count 300 dpi x 4 colors.. #LOL
/ Mar 15, 2013