Spedwards

I ended up fixing this issue with a bit of custom CSS

.social-navigation {
	a[title=Twitter]:before {
		content: '\f202';
	}
	a[title='Facebook']:before {
		content: '\f203';
	}
	a[title='Reddit']:before {
		content: '\f222';
	}
}

It appeared as if the character codes where being formatted in the CSS itself which broke the code.