David Stockdale's Scrapcode

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.
	font-family: futura-pt-bold, sans-serif;

Leave a Reply