I used this in the head of Page Container. Very outdated but it worked:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
So I'm thinking, well this is interesting. The old one works but this new one doesn't.
After this I pretty much gave up on using a newer version. Apparently you are supposed to reference the font awesome font family for it to work but it never did. Even trying the add-on "font awesome switch" didn't work. I even tried referencing the font awesome and using it directly by uploading all the font awesome folders and this didn't work when referencing it in the page container right after the head.
Are there any tips for you guys about the way to initiate font awesome without issue?
I seem to run into trouble every time. I'd rather not use this old version in the future if I can help it.
The templates I had to edit for it were member_view and navigation_visitor_tab
So I can't reference font-awesome in those templates and I'm not sure how to reference them in extra.css since page container doesn't work.