The rules of typography and information design provide us with a framework with which to design. But within these constraints, can our design choices have wider implications?
The Zanerian Manual is one of the most comprehensive texts containing information about Zanerian Engrosser’s Script. Download the 1924 edition for free.
Why the typography matters in your emails
[Subscribers] are at the heart of my approach to email design and development. My starting point is not to assume anything about them.
Källa: Knowing Your Type
Web design is 95% typography, Oliver Reichenstein famously claimed. So web designers and front-end developers should all have typography skills. Skills that go beyond merely choosing fonts but actually contribute to producing readable, legible and inviting content online. Would you say that’s the case? Things are getting better but we’re still not quite there yet. This is where Better Web Type comes in.
Läs mer och prenumerera gratis: Better Web Typography for a Better Web | Better Web Type
A designer’s journey from 2D sketches to 3D mixed reality
I would like to share my journey of designing and developing Typography Insight for HoloLens. Typography Insight for HoloLens is an app that allows you to experiment and play with types in three-dimensional mixed reality space. I first published the app on iOS about five years ago and it was embraced by the design and education communities. Here is my story on how I brought the app from iOS to Windows, and from Windows to HoloLens.
The average person with a smartphone or laptop and a stable internet connection probably spends more time interacting with typography in a single day than with food, music, and family combined. The…
36days is a yearly open call inviting designers, illustrators and visual artists to share their view on the letters and numbers of our alphabet.
Kul projekt på konstnätverket Ello: 36daysoftype (@36daysoftype) | Ello
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.
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: normalis based on font metrics
line-height: nmay create a virtual-area smaller than content-area
vertical-alignis 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