Type With Pride: the Gilbert font project

On 31 March, 2017, Gilbert Baker the creator of the iconic Rainbow Flag sadly passed away. Mr. Baker was both an LGBTQ activist and artist, and was known for helping friends create banners for protests and marches. To honor the memory of Gilbert Baker, NewFest and NYC Pride partnered with Ogilvy & Mather and font creation toolmaker Fontself to craft free fonts inspired by the design language of the iconic Rainbow Flag, the typeface was named 'Gilbert' after Mr. Baker.

Learn more about Type With Pride at typewithpride.com​​​​​​​
The Gilbert font family was originally designed for striking headlines and statements that could live on banners for rallies and protests and it is now currently being built out into a whole family of weights and styles, for free.

A preview version of Gilbert is available on typewithpride.com with two fonts, a standard vector OpenType font that can be used anywhere and a color vector OpenType-SVG font, usable in Photoshop CC 2017, Illustrator CC 2018 or InDesign CC 2019 and upwards.

You can now also color your words and send creative messages and social posts on your smartphone within the free Fontself app:

Learn more about the specificities of color fonts and third-party applications support on Fontself’s dedicated website: colorfonts.wtf

While the typeface artwork was created in Illustrator CC, it was then converted into font files with a custom build of the font creation add-on Fontself for Illustrator, which has been specifically adapted to generate color vector fonts.  

Follow us here on Behance and check our development blog as we'll push more news about additional font weights, styles and a creative contest.
Gilbert can be displayed on any web page thanks to a web font version, hosted on Fontself Catapult.

[While this color font looks great on Safari & Firefox, Google Chrome does NOT display colorful letters yet - only black glyphs will be displayed there. You can learn more about compatibilities on colorfonts.wtf.]

Copy & paste this code in the <head> of your HTML page:
<link href="https://fonts.fontself.com/gE309jx/gilbert-color-bold-preview5.css" rel="stylesheet">
Or add this line to your CSS:
@import url('https://fonts.fontself.com/gE309jx/gilbert-color-bold-preview5.css');

Then apply the font family gilbert-color-bold-preview5 to CSS elements:
h1 { font-family: 'gilbert-color-bold-preview5'; }
Or insert the class fs-gilbert-color-bold-preview5 into HTML elements:
<h1 class="fs-gilbert-color-bold-preview5">This is Gilbert Color!</h1>
Gilbert Baker was both an LGBTQ activist and artist, and was known for helping friends create banners for protests and marches. In the spirit of Mr. Baker's creative and collaborative nature, we've created free downloadable art intended to be printed and held high at pride events, protests and rallies.
Type With Pride: Gilbert font
9,479
123,758
226
Published:

Type With Pride: Gilbert font

Type With Pride is a typography project & free font family that celebrates the life of artist, LGBT activist and Rainbow Flag creator Gilbert Bak Read More
9,479
123,758
226
Published:

Tools

Creative Fields