CategoryTypography

April 1, 2021 — By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called Utopia offers an alternative to breakpoint-driven design. Read more…

February 12, 2021 — Film credits, brand logos, posters… Saul Bass did it all, and the principles that informed his work are just as valuable now as they were 50 years ago. Read more…

October 2, 2020 — In this article, we will cover how to combine Machine Learning, variable fonts, and CSS grids to create layouts that respond to the proximity, the inclination, and the number of the users’ faces. Read more…

May 12, 2020 — For hundreds of years, we have been using white space in typography. Today, in 2020, how do we add spacing to punctuation marks and other symbols, and how do we adjust the space on the left and right side in an easy and consistent way? It is actually not as easy and quick as it should be. Read more…

December 17, 2019 — In this episode of the Smashing Podcast, we’re talking about variable fonts. What are they, how do they differ from regular fonts, and how can they help in the design and performance of our websites? Read more…

December 4, 2019 — When you are working on a design, do you struggle with all of the possibilities, like whether to make some text block bigger or smaller, or increase (or decrease) the amount of white space around an element. And what about this color: Should it be darker, or maybe lighter? In this article, I’ll share a few tips on how to solve these common issues and how to make your design more consistent and user-friendly. Read more…

July 17, 2019 — If you’re looking for a useful free font with a bit of an edge, look no further than this collection of modern typefaces. These sleek and versatile fonts are perfect for all sorts of designs, from websites to printed material, and they are all completely free for both personal and commercial use. Read more…

January 10, 2019 — Are you considering transforming old cursive handwriting into a modern digital font? In this article, Carolyn Porter gives advice on what to keep in mind when designing and releasing a new font. Read more…

June 1, 2018 — In terms of how to handle typography in mobile web design, it appears that simpler and safer works best. In this article, we will break down the elements you need to pay attention to in mobile typography and then visit what the research says about how to handle them. Read more…

September 18, 2017 — Words are the primary component of content for the web. However, until a short while ago, all we had at our disposal were but a few system fonts. Adding to that, those system typefaces weren’t necessarily coherent from operating system to operating system (OS). Fortunately, Windows, macOS and Linux made up font-wise, and since then, all modern fonts have been compatible across those OS’. There’s no question, the future of web typography looks promising. Read more…