MyBB Community Forums › Extensions › Themes › Theme Support v
How to use Font-awsome icons

Threaded Mode
Not Solved How to use Font-awsome icons
Octo Offline
Posts: 11
Threads: 6
Joined: Sep 2015
Reputation: 0
#1
Not Solved 2015-09-27, 03:25 PM
How would I use: http://fortawesome.github.io/Font-Awesome/icons/ on the default MyBB theme?

Cheers.
Find
Reply
mmadhankumar Offline

Former Staff
Posts: 2,599
Threads: 71
Joined: Apr 2012
Reputation: 245
#2
Not Solved 2015-09-28, 09:17 AM
first include the FA css using the CDN method which is the easiest and fastest of all... add the code to the headerinclude template...

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


and then include the icons using the <i> tag like this, where you want the icon to be displayed...

<i class="fa fa-camera-retro"></i>
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't searched it yet.
Don’t  Forget to “Mark as Solved” after the fix
Find
Reply
Octo Offline
Posts: 11
Threads: 6
Joined: Sep 2015
Reputation: 0
#3
Not Solved 2015-09-28, 04:20 PM
(2015-09-28, 09:17 AM)mmadhankumar Wrote: first include the FA css using the CDN method which is the easiest and fastest of all... add the code to the headerinclude template...

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


and then include the icons using the <i> tag like this, where you want the icon to be displayed...

<i class="fa fa-camera-retro"></i>

Thanks very much for the help!
Find
Reply
meetdilip Offline
Posts: 928
Threads: 63
Joined: May 2012
Reputation: 58
#4
Not Solved 2015-09-28, 08:55 PM
Easy enough. Thanks Madan.
Find
Reply
Moises Offline
Posts: 34
Threads: 8
Joined: Sep 2015
Reputation: 0
#5
Not Solved 2015-09-30, 02:30 AM (This post was last modified: 2019-03-22, 01:10 PM by Moises.)
......
Find
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)