Cannes Lions

Fonts of Fury

CONVERSANT, Chicago / ? / 2016

Case Film
Case Film

Overview

Entries

Credits

Overview

Description

It sounds so simple, but it wasn’t to develop: Fonts of Fury ensures that text is always perfectly readable.

It generates static images, basically a small picture – for each font character, in every size and every style. When an ad is displayed on screen, a user’s browser makes a call to the API. A single image is returned, generated by a set of images stitched together. This is rendered in the cloud at run time. The copy is formatted to look as intended by the advertiser—regardless of device, channel and format, thereby solving for the inconsistencies across font-rendering practices historically defined by disparate browsers such as Safari, Firefox, Chrome and others. The same technique applies across devices on Android, Windows and iOS.

Execution

Fonts of Fury leverages server-side APIs to deliver the appropriate text. Fonts are rendered identically across all operating systems, browsers and devices. Images are generated for each font character, size and style. At delivery, the images are combined on the server side within milliseconds. If we detect a retina display, we’ll return an even higher definition image. With each new brand and campaign, we can include new web fonts into the system.

Outcome

It’s all about the Payload – the amount of data transmitted is critical to great work reaching the right device and person. The reason dynamic and personalized advertising often looks broken in browsers and mobile devices is the data isn’t reaching the device in time, or the browser doesn’t understand how to format the data. Fonts of Fury can scale to accommodate thousands of fonts. With its ability to dynamically generate and combine thousands of images and image maps per font, Fonts of Fury reduces the time it takes to serve an ad along with the total payload of the ad unit.

Similar Campaigns

12 items

Pladdling

CARLSBERG SVERIGE AB, Falkenberg

Pladdling

2020, CARLSBERG

(opens in a new tab)