In this article, Amber Bartek showcases great artists whose work speaks strongly and boldly of this beautiful way of creating art. She selected some of the hand lettering artists whose work continues to speak strongly and boldly of this beautiful way of creating art. Art that moves us to feel, to act, to be, to believe, to participate, and to belong. It connects us all to the common thread between us. It is a game of connect-the-dots. Here are some of the best hand letterers around.
Read more…
Fluid typography resizes smoothly to match any device width. It is an intuitive option for a web in which you have a practically infinite number of screen sizes to support. Yet, for some reason, it is still used far less than responsive techniques In this article, Michael Riethmuller will teach you how to apply the techniques you know in a slightly different way. Careful attention to detail will ensure you still have a perfectly crafted experience at all screen sizes.
Read more…
The Patriot newspaper in New Delhi was India’s first newspaper to make the technology transition from letterpress printing based on molten lead to computer-based phototypesetting. C Y Gopinath had no experience in managing such transitions, since the field itself was new, but he was expected to master the new technology and phototypesetting, develop training methods to upgrade the letterpress compositors to phototypesetting and, finally, redesign the newspaper to take advantage of the new technologies. In this article, C Y Gopinath examines how design has changed as materials have evolved, and underlines how the need for deliberate design is greater than it has ever been.
Read more…
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. David has written two articles about the project’s development in which they discussed what they meant by remixing and how they approached harmonization of the two different scripts, Latin and Gujarati. Today, as they release the fonts into the wild, David will explain what they’ve learned from a six-month-long exercise.
Read more…
Solid typography, well-crafted with attention and care is one of the small details that make a project shine. In practice, however, publishing on the web is supposed to be fast, and the little details are often overlooked, which is a pity, because they are not only pleasing to the eye but also improve the reading experience. The tools and resources compiled in this article will help you bring some of that meaning that typography has always benefited from in print to your web projects. Are you ready to do some catching up on that type game?
Read more…
Microsoft restarted conversations about system UI fonts with its original Windows Phone design language, which relied heavily on typography in general, and on a font named Segoe in particular. No wonder that the idea of using those fonts is spreading through the web world as well. Whether you want your website to feel more like an app, to draw clearer lines between the content and user interface, or to use modern, beautiful fonts with zero latency, you might be interested in using system UI fonts on your website. But it’s not as easy as it could be. That’s because the CSS support is curiously schizophrenic.
Read more…
Did you ever take a walk through the entire Unicode table? It’s the history of our civilization expressed in typography. It might be organized in an arbitrary fashion and not explained well, but it’s all here: languages, cultures, concepts. Spaces are here, too. There’s the one with an agent good enough to have gotten it the biggest key on everyone’s keyboard, but there are many more: the very narrow hair and thin spaces, the super-wide en and em spaces, and a few others in between. Let’s find out what other space characters there are, what their heritage is, and how they can be useful today.
Read more…
Looking for a starting point for designing emails? Not sure which font size to use? In this article, Anna Yeaman explores how email designers handle responsive typography within various industries, so she amassed 50 emails across various industries that she thinks do a good job with typography to see if any patterns emerged. This study provides a decent starting point for designing emails. The proportional relationships, the guideline to build out a custom responsive type scale that adjusts across viewports and some basic guidelines such as fluid line heights have proven the most useful.
Read more…
There are various ways to approach responsive typography and consistent vertical rhythm, and they are not limited to my suggestion. However, Jonathan Suh finds that this works for him more times than not. 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. This is where Sass maps and loops are powerful: They’ve helped him manage z-index values, colors and, as you’ll see in this article, font sizes.
Read more…
Have usability conventions and the web’s universality steered us away from proper art direction? Have we forgotten about art direction altogether? Marko Dugonjić believes so. As designers, we can achieve much more with type, and with just a little more thought and creativity, we can finally start to take full advantage of the type systems available. Let’s look at ways we can push typographic design on the web further, beyond the status quo of today.
Read more…
