Mobilo Animated is a project by Animography to explore the balance between randomness and a systematic approach in type-design and animation.
The animated typeface is a collaboration between 1 type-designer and 236 animators. Each animator brought a single character to life in his/her signature style. This was done using no more than 4 colors and 25 frames in a composition of 500×600 px…
Källa: Mobilo — Animography
Want to learn more about the beautiful and intricate Japanese typography? In the coming weeks, our guest author and typographer Toshiya Izumo will teach you the nuts and bolts of Japanese typography in three articles: how do the Japanese write, how do the Japanese use the Latin Alphabet in design, and an introduction to the Japanese foundry scene. Now, let’s get started with the Japanese writing system.
Följ artikelserien på FontShop
An introduction to the inline formatting context. Explores line-height and vertical-align properties, as well as the font metrics. Understand how text is rendered on screen, and how to control it with CSS.
Läs och begrunda: Deep dive CSS: font metrics, line-height and vertical-align – Vincent De Oliveira
What we learned (TL;DR):
- inline formatting context is really hard to understand
- all inline elements have 2 height:
- the content-area (based on font metrics)
- the virtual-area (
- none of these 2 heights can be visualize with no doubt. (if you’re a devtools developer and want to work on this, it could be awesome)
line-height: normal is based on font metrics
line-height: n may create a virtual-area smaller than content-area
vertical-align is not very reliable
- a line-box’s height is computed based on its children’s
- we cannot easily get/set font metrics with CSS
- there is a related future spec to help with vertical alignment: the Line Grid module
OpenType features allow users to take their typography to the next level—but not everyone has a firm grasp of them. This article kicks off a series that will explain what OpenType features do and how to make the most of them.
Läs mer nu: OpenType at Work | Standard Ligatures
It’s not every day you get to redesign a product used by hundreds of thousands of people, virtually overnight. But that’s what happened when we launched Mercury Reader, a Google Chrome plugin for formatting articles into a clean reader view.
Källa: Mission to Mercury: Designing a clean reading experience for web articles