Typographic Doubletakes | Hoefler&Co

While good typefaces have prodigious families of carefully related styles, some of the best typography builds unexpected relationships between unrelated fonts. Here are five ways to create typographic connections, to help keep your design engaging and inventive.

Läs mer här »

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

Color fonts – Now supported in Photoshop

Color fonts represent a key evolution in digital typography, introducing rich graphic features into font files. Thanks to new font formats, color fonts are finally becoming a reality for millions of creatives.

Learn everything about color fonts, chromatic typography and OpenType-SVG.

Read more: Color fonts. Get ready for the revolution!

How to Use Clashing Fonts | News, Notes & Observations | Hoefler & Co.

Designers are trained to believe that similar typefaces should never be used together. But breaking this cardinal rule can sometimes be the perfect way to create ordered, elegant typography.

Lär dig mer: How to Use Clashing Fonts | News, Notes & Observations | Hoefler & Co.

Subtle Variation Between Two Condensed Sans Serifs | Type Thursday

Say you have a client project where you need a bold, condensed sans-serif. A very narrow scope but there’s tonal variation between two typefaces in the same category. This week, TypeThursday founder Thomas Jockin discusses the typographic nuances of October Compressed, from Typotheque, and Gabriello, from Commercial Type.

Källa: Subtle Variation Between Two Condensed Sans Serifs – Type Thursday – Medium

The World’s Least Efficient Type Machine Takes 30 Minutes To Write A Single ”A” | Co.Design

The machine is designer Sooji Lee’s attempt to bring craftsmanship back to the age of digital reproduction.

Press down a letter on your keyboard, and your computer will fill your screen with it, in any font you want. It’s a process we take for granted, says Design Academy Eindhoven graduate Sooji Lee, who wondered what it would take for a human to reproduce type—or at least one typeface, Bodoni—as reliably as a computer does.

Källa: The World’s Least Efficient Type Machine Takes 30 Minutes To Write A Single ”A” | Co.Design | business + design