Adding Futura Using Adobe

Today I was told to add Futura font to one of our client sites.

I couldn’t find a way to do it using google fonts so we ended up using Adobe Fonts.

Using Adobe Fonts create a new web project and click “Add to Web Project”.

Then copy the code generated here.

Next you need to add the code in the sites header.

I used the Header & Footer Code plugin to do this.

Finally simply add some additional CSS to apply the new font.

/**
 * Makes Futura PT default font.
 */
body {
font-family: futura-pt, sans-serif;
}
/**
 * Applies Futurama Bold font
 * to all headers.
 */
h1,
h2,
h3,
h4
{
	font-family: futura-pt-bold, sans-serif;
}