Clik here to view.
Taking A Closer Look At Arabic Calligraphy
Arabic calligraphy was originally a tool for communication, but with time, it began to be used in architecture, decoration and coin design. Its evolution into these major roles was a reflection of...
View ArticleClik here to view.
Unicode For A Multi-Device World
A while ago, I was working on a website that required a number of icons. “No problem,” I thought. “I know how to handle this. I’ll use an @font-face icon set for high-resolution screens. It’ll be a...
View ArticleClik here to view.
Hands On The Sigmund Freud Typeface: Making A Font For Your Shrink
Handwritten text shows a personal side of its author, a side that is not easy to put into words and that contrasts with the standardized look of digital communication. This contrast and “aura” is...
View ArticleClik here to view.
Size Matters: Balancing Line Length And Font Size In Responsive Web Design
As we refine our methods of responsive web design, we’ve increasingly focused on measure (another word for “line length”) and its relationship to how people read. The popularization of the “ideal...
View ArticleClik here to view.
The Good, The Bad And The Great Examples Of Web Typography
Choosing typefaces is an integral part of every web design project. With thousands of typefaces available from hosting services such as Typekit, as well an ever-improving collection of free fonts...
View ArticleClik here to view.
“Letters Do Not Stand By Themselves”
Customers and clients cannot physically touch the products that online designers create, nor can they smell, hear or taste them. One of the important factors in a customer’s decision of whether to...
View ArticleClik here to view.
Benton Modern, A Case Study On Art-Directed Responsive Web Typography
Having the ability to set legible body copy is an absolute must, and we’ve come a long way with web typography since the dawn of web design. However, I feel like we have allowed the lack of variety...
View ArticleClik here to view.
Responsive Typography With Sass Maps
Managing consistent, typographic rhythm isn’t easy, but when the type is responsive, things get even more difficult. Fortunately, Sass maps make responsive typography much more manageable. Writing...
View ArticleClik here to view.
Typographic Patterns In HTML Email Newsletter Design
Last year I read Jan Constantin’s post “Typographic Design Patterns and Current Practices” and straightaway wanted to do something similar with email. At the time I was studying responsive typography...
View ArticleClik here to view.
Space Yourself
There’s more to spaces than the key you instinctively hit with one of your thumbs between words. Let’s find out what other space characters there are, what their heritage is, and how they can be...
View ArticleClik here to view.
Using System UI Fonts In Web Design: A Quick Practical Guide
For perhaps the first time since the original Macintosh, we can get excited about using system UI fonts. They’re an interesting, fresh alternative to web typography — and one that doesn’t require a...
View ArticleClik here to view.
Tools And Resources For A More Meaningful Web Typography
It’s the small details that make a project shine. Solid typography, well-crafted with attention and care is one of them. A harmonious visual rhythm, typographic subtleties like soft caps, margin...
View ArticleClik here to view.
Free Font Release: Yrsa And Rasa Available For Download
Editor’s Note: Today we are pleased to feature the new and free font families Yrsa and Rasa by David Březina and Anna Giedryś and their story behind the design process. Yrsa and Rasa are two...
View ArticleClik here to view.
Design Or Get Undesigned
What would a page look like if it had no designer? This odd question occurred to me in the 1980s, while overseeing the transition from lead-based typesetting to phototypesetting of an Indian...
View ArticleClik here to view.
Truly Fluid Typography With vh And vw Units
Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design. Unlike...
View ArticleClik here to view.
The Art Of Hand Lettering
Hand lettering has taken the world by storm. It has become the beautiful connection — a juxtaposition — between design and words. The letter forms in the typography have been broken down into...
View ArticleClik here to view.
Brush Lettering: It Only Gets Better After Practice (Part 1)
The resurgence of hand lettering, calligraphy, signage, penmanship, or really anything that is graphic and handmade is increasingly difficult to ignore. Along with letters drawn in any of the...
View ArticleClik here to view.
Brush Lettering: It Only Gets Better After Practice (Part 2)
In the first part of this article, we discussed the resurgence of lettering, we defined the differences between lettering, calligraphy, and typeface design, and we also discussed pens, papers, and...
View ArticleClik here to view.
Fluid Responsive Typography With CSS Poly Fluid Sizing
Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers'...
View ArticleClik here to view.
Left-Handed Brush Lettering: How To Get Started
Lettering and calligraphy are quickly becoming desired skills in a designer's toolbox. Designers such as Marian Bantjes, Jessica Hische, Sean Wes and Martina Flor, just to name a few, have become...
View Article
