Using Font Awesome in Header?

I just throw in a BSS header, edited the text which gives:

<h4 class="name">Dark Data to Smart Data</h4>

So far so good. Now, how can I get a font awesome icon into the header? Editing the text doesn't help as I then see the markup as text in preview, whereas BSS shows:

<h4 class="name"><i class="fa fa-camera-retro"></i>Dark Data to Smart Data</h4>

Which IMO looks correct.

Select icon from the component panel and then drag it into your heading in the left hand side, then just select the icon you want to use by double clicking.

It's as simple as that ?