Designing Typography Insight for HoloLens – Microsoft Design | Medium

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.

Källa: Designing Typography Insight for HoloLens – Microsoft Design – Medium

Design By Numbers: Typography | Medium

A Web Designer’s Primer to Typography

One thing I hear a lot of people—web developers more than anyone—say is how they “can’t design”. They say they just don’t have the eye for it. Let me tell you that that’s bullshit. Anybody (and I mean anybody) can learn how to produce good design. All it takes is an understanding of the components of good and functional design, and take it from me; the most important component of all is Typography.

Hello. My name is Daniel, and I’m a typoholic.

Källa: Design By Numbers: Typography – Medium

Typography tips for a better user experience – Studio Function – Medium

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…

Källa: Typography tips for a better user experience – Studio Function – Medium

Mobilo — Animography

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

Japanese Typography Series – Writing System | FontShop

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

Deep dive CSS: font metrics, line-height and vertical-align – Vincent De Oliveira

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 (line-height)
    • 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 line-height and vertical-align properties
  • we cannot easily get/set font metrics with CSS
  • there is a related future spec to help with vertical alignment: the Line Grid module

 

How to Design a Google Font | Lingo Blog

Two typography designers talk about what it takes to create a font for Google.

Written By: Jill Blackmore Evans

This article originally appeared on Format Magazine and was republished with permission.The new, updated Google Fonts is a treasure trove of open source, totally free-to-use typefaces. From classic to creative, the new font selection supports over 135 languages, and is set up to let typography buffs easily discover new fonts by browsing through style categories like Serif or Handwriting.Who are the designers behind Google’s favorite typefaces? We spoke to two of them to find out what it takes to design a font for Google.

Källa: How to Design a Google Font — Lingo Blog