XF 1.5 How do you use font-awesome with a style that doesn't have the built in framework?

Brad Padgett

Well-known member
Hello, I was told by a friend if I put this after the head of the page container:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Then I would be able to use the font-awesome for my node icons via extra.css

Is this true. If not, how can I use them to display as node icons? What steps do I need to take and can you provide the code for accomplishing this.

For instance, I think I'm supposed to use unicode for extra.css instead of the <i></i> tags.

How should the unicode be written in order to display the node icons. What code should I use?


- TheXboxCloud

EDIT: I figured out how. Thanks anyway.
Last edited:
Thats great, what did you have to do ?


Follow this tutorial and instead of using the specifc node id, just take the number part out. It's the same thing except it will be for all the node icons instead of a specific one. Unless you want it that way.

Didn't think there would be so much to it but there is.

Anyways now I'm working on putting them in my navigation and I found this tutorial:


Hope that helps.
Top Bottom