News: Tagged as FF Kipp

What Can Layer FontFonts Do?

Type is typically one-color. Of course, after it’s set, a user can manipulate letters with a texture or a gradient; but out of the box, a font is usually capable of a single color. This is where layer fonts change the game. With glyphs that are designed to be overlaid on top of each other, layer fonts make it easy to apply multiple colors and other effects without extra steps or leaving the comfort of your typesetting or layout app.


Layer_Hero_FF_Identification

 

Multi-layered type is not a new concept. “Chromatic” wood fonts for printing large headlines in two or more colors were common way back in the mid-1800s. Polychromatic type continued to be readily available in the photocompositing era when graphic designers sent their text to specialized typesetters to do the precision work required to line up the layers. When digital type took over, there was a noticeable lull in layered type. There were few chromatic fonts available, and making them work was now the complicated and tedious task of the designer who was suddenly given the additional role of typesetter.

But now, thanks to new typefaces (and rediscovering some old ones), better software, and time-saving tricks made possible by OpenType, chromatic type is back! Just a casual glance at graphic design blogs or Pinterest boards is enough to see that layer fonts are in fashion again.

There are plenty of interesting and useful multi-layer typefaces in the FontFont library — it may surprise you to learn we have more than 50 families with layering capabilities (even some Free FontFonts like FF Pullman and FF Koko) — but they are often overlooked because online samplers are optimized for standard, single-layer type. So let’s take a closer, multicolor look at a few and see what they can do.

What Can Layer FontFonts Do?
Make things pretty.

The most obvious use of type layers is to add decorative elements in multiple hues. A variety of FontFonts take advantage of layers to enhance their display qualities, from playful to grungy. Here are a few:

Layer FontFonts 
FF Beadmap, FF Minimum, FF Letterine, and FF Flava demonstrate the coloring possibilities of FontFonts with layers.

What Can Layer FontFonts Do?
Add depth and dimension.

FF Profile Layers 

One of the more powerful benefits of layers is transforming type from an element that simply sits on a surface to one that has a three-dimensional shape of its own. A single layer font with built-in shadows or faceting can only go so far in simulating depth. With a layer FontFont like FF Primary you can use color to give each surface an appropriate shade, making the type pop off the page or recede into stone. Over at the FontShop blog, David Sudweeks wrote a good tutorial on using FF Primary (and most other layer fonts).

What Can Layer FontFonts Do?
Add realism. 

FF Kipp Layers

FF Kipp, inspired by a worn set of wood type, is one of the most popular typefaces with a rough, weathered contour. Still, users often overlook its layer variations which can make it an even more convincing emulation of imperfectly printed or painted letters. The extra fonts in the set offer a variety of degradation when overlaid over the base fonts. These extras can also be colored slightly different than the bottom layer resulting in an uneven, painterly effect.

What Can Layer FontFonts Do?
Give text meaning.

FF MisterK Features

Layers aren’t only useful for visual appeal. Among the many smart tricks in FF Mister K are scribble, strikeout, and underline features that can enhance the meaning of text all while staying true to the informal handwritten aesthetic of the typeface. The OpenType-powered annotations are easy to apply, work with words of various lengths, and of course offer the ability to easily adjust coloring. Read more about how to use FF Mister K’s special effects in this info guide.

What Can Layer FontFonts Do?
Clarify text.

FF Jigger Overlays

One of the graphic designer’s often encountered but seldom discussed challenges is overlaying readable type on a photograph or video. This is particularly tricky when the background has varying values of light and dark. Common hacks include drop shadows and strips of color, but it’s often more engaging when the element backing the type is in harmony with the typeface. This is where FF Jigger shines. Because there are separate fonts for front and back, each can be colored independently. And because it’s type, changes to content or color are easy to make.

What Can Layer FontFonts Do?
Simplify iconography. 

FF Dingbats2 layering

Maps, infographics, UI design, and wayfinding systems ask a lot of iconography. To get the work done efficiently, icons must be easy to apply, easy to edit, and easy to change. That’s why working with symbol fonts makes so much sense. FF Netto Icons and FF Dingbats 2.0 offer frames and backgrounds to enable icon customization. Because these icon and border elements are separate characters they can each be colored separately. In FF Netto, key in the desired frame, apply its color, then key in an icon to align it perfectly inside the frame. FF Dingbats 2.0 uses an OpenType-powered layering feature to allow coloring of multiple elements in each pictogram without switching fonts (see above). Read more about this and the packages other features at the official FF Dingbats 2.0 site.

Using Layer FontFonts on the Web

You don’t need to limit your layer typography to print and images. Our friends at Typekit have written a simple CSS tutorial on using layer fonts in web design. For his article, Tim Brown demonstrates a chromatic typeface revived from the wood type era, but the technique will work with Web FontFonts like FF Prater Block, FF Advert Rough and parts of FF ThreeSix too.

permalink

New release: FF56

FontFont designers have been recipients of prestigious type design awards, but few can claim to have been even before their creations were officially published. Ludwig Übele’s FF Tundra — a recipient of a Certificate of Excellence in Type Design at this year’s TDC2 competition — is now available for licensing. Other new releases are Jörg Hemker’s versatile sans FF Sero; the informal cousin of the popular FF Mister K; a monospaced variant for FF Nuvo; and stencil versions for the Danish sans/serif type system FF Signa.

The new designs

FF Sero

FF Sero

FF SeroJörg Hemker’s versatile sans FF Sero combines the striking forms of an American grotesque with the legibility of a humanist sans serif typeface. It has open contours, a distinct x-height and a homogeneous grayscale value. During seven years of development the classic letter forms have matured into a balanced, sovereign typeface. Eight harmonized weights and an extensive character set allow for a flexible and versatile typography. Cyrillic and Greek characters provide an extended language support.

For a limited time, FF Sero Medium is available for free download in OT, Offc and Web formats. Download it on the Goodies page.

FF Tundra

FF Tundra

FF TundraLudwig Übele’s award-winning design FF Tundra is a narrow serif typeface with stressed forms and soft contours. The idea evolved from investigating how a narrow typeface should look for optimal readability. To avoid a fence-effect, FF Tundra emphasizes the horizontal line. Ludwig Übele combined strong serifs, flat shoulders (see n) and open but heavy endings (see a, e, c) with a moderate contrast to achieve a balanced, legible typeface with a certain softness and humanity. FF Tundra has been designed for continuous text, but is also suitable for magazines and headlines (especially the Extra Light) and will surely work in newspapers as well. The family consists of six weights from Extra Light to Bold, each with Italics and Small Caps and many OpenType layout features.

FF Mister K Informal

FF Mister K Informal

FF Mister K Informal – This new design by Julia Sysmäläinen is the latest offspring of the FF Mister K font family. It began in one of Kafka’s Quart Notebooks with handwritten texts that look astonishingly clear. The letter forms are carefully placed line after line but still reveal the author’s characteristic writing style. There is a simple explanation: These are final, rewritten texts. The first version — loaded with heavy editing and correction marks — can be found elsewhere in Kafka’s literary remains. The strong personality of FF Mister K is often appreciated, but some designers find it too unpredictable for down-to-earth target groups. So enriching the K Family with a clear, friendly looking member derived from Kafka’s stylistic repertoire seemed predestined by the users’ needs.

FF Nuvo Mono

FF Nuvo Mono

FF Nuvo MonoSiegfried Rückel expands his magazine typeface FF Nuvo with a monospaced variant for all weights, including Small Caps and Italics. This offers new options for traditional and unusual designs. The design retains its stroke endings with “chipped” corners, which make them appear soft when seen from a distance or in small point sizes, but reveal their peculiar forms at a closer look. However its x-height was lowered somewhat in comparison to FF Nuvo to emphasize FF Nuvo Mono’s typewriter character. The calligraphic touch in the characters a, g and y make this typeface stand out among other typewriter-like faces, as do the alternate characters for a, g, k, s and y, which add typographic versatility.

FF Signa Stencil/FF Signa Serif Stencil

FF Signa Stencil

FF Signa Stencil/FF Signa Serif StencilOle Søndergaard’s stencil faces can be used to produce actual stencils, but more often than not they are selected for their unique aesthetic. It is fascinating to see how separate “floating” fragments combine to form recognizable character shapes. The way those letters are cut up gives a stencil design its specific character. FF Signa — a typically Danish typeface — is rooted in architectural lettering rather than book typography. This sans serif of concise letter forms and a minimum of detail joined the growing collection of sans/serif type systems when the serif variant was added in 2005. Now both versions are available as stylish stencil designs.

Updated and extended FontFonts

FF Info

FF Info

FF Info Text, FF Info Display, FF Info Correspondence ProErik Spiekermann’s and Ole Schäfer’s FF Info Office is the typeface Erik Spiekermann himself feels should be more popular “because it works well on screen and is really cool but nobody has found it behind the larger FF Info Text and Display families.” It has been renamed FF Info Correspondence to avoid confusion with the Office font format. The complete FF Info family, one of the best wayfinding type systems, has now been upgraded to Pro language support and has been carefully fine-tuned.

FF Profile

FF Profile

FF ProfileMartin Wenzel’s FF Profile is one of the more beautiful humanist sans serifs in the FontFont library. This clear, uncluttered and attractive family based on the broad-nibbed pen was already available in OpenType Pro format. Its character set was expanded to include Greek.

New Offc and Web FontFonts

FF Dolores
FF Dolores (Tobias Frere-Jones)

FF Gothic
FF Gothic (Neville Brody)

FF Kipp
FF Kipp (Claudia Kipp)

FF OCR-F
FF OCR-F (Albert-Jan Pool)

FF Sari
FF Sari (Hans Reichel)

FF Utility
FF Utility (Lukas Schneider)

FF Zwo
FF Zwo (Jörg Hemker, Henning Krause)

FF Zwo Correspondence
FF Zwo Correspondence (Jörg Hemker, Henning Krause)

permalink