TYPE DESIGN INFORMATION PAGE last updated on Mon Apr 15 06:03:57 EDT 2024

SEARCH THIS SITE:

IMAGE SEARCH:

FONT RECOGNITION VIA FONT MOOSE

LUC DEVROYE


ABOUT







Layering type with CSS z-index

A MyFonts webfonts feature article. The summary: Layering text adds depth and visual interest to headlines, mastheads and other large display type on your site. There are plenty of fonts that are specifically designed for this technique. Font families designed for this technique will typically have two or more versions of the font, such as a shadow, fill, outline or a texture. It is especially important that the fonts all have the same metric values, because making manual tweaks to spacing and kerning is hard enough in DTP applications; in CSS, it is virtually impossible. The typefaces below all work right out of the box. The basic principle of this technique is that it takes two identical lines of text, applies a different version of the font to each (such as an outline and a fill version) and then layers one above the other.

EXTERNAL LINKS
Layering type with CSS z-index
MyFonts search
Monotype search
Fontspring search
Google search

INTERNAL LINKS
MyFonts Pages ⦿ Typography ⦿ Fonts and HTML ⦿













Luc Devroye ⦿ School of Computer Science ⦿ McGill University Montreal, Canada H3A 2K6 ⦿ lucdevroye@gmail.com ⦿ http://luc.devroye.org ⦿ http://luc.devroye.org/fonts.html