What to Watch Out for When Working on Typography for Print and Web Part One

If you have to design materials for print and web for the same brand, what guides your choice of fonts? 

Difference Between Print and Web Fonts 

This has mainly to do with the screen resolution and the dpi’s (dots per inches). Typically, the screen resolution would be 100 points per inch or less, while for print it averages 300.

This is the source of the difference: the fonts designed for print are tailored for the specifics of printing like flyer printing: they would have ink traps, optical sizes and spaces inside letters of the same font would vary based on the font size. 

Ink Trap In The Font and How It Looks When Printed. 

Most screen-optimized fonts look clumsy in print, and vice versa, the fonts intended for print can be less than optimal for reading on-screen or in an app UI. 

Miller font would look too elaborate for on-screen applications, while Georgia might lack some detailing to look good in print. 

Let’s have a look at the 3 main considerations when working with type for print and on-screen.