Keeping up with Font Awesome

Updated: Font Awesome 4.6.0 is now available

Using Font Awesome web fonts is a great way to add some flare to your site. They’re used throughout the TTG plug-ins as icons for social media items, navigation arrows, page icons and  more.

As of this posting, TTG comes with Font Awesome version 4.1 installed. Font Awesome has since been added to.

How can you tell what fonts are available for your version? Just go to the Font Awesome site and click on one of the icons. There you will see details on which version that icon was created in.

So if you need to use some of the newer icons from versions 4.2 or later, you’ll need  to add one line to your phplugins file that will call the css for the latest version.

Just go to the Font Awesome Get Started page to grab the code you need. I’m going to choose the first option you’ll see on that page: Easiest.

First copy the code:

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

Next go to your phplugins.php file. If you’ve not yet enabled phplugins, now is a good time to do that. While you’re at it, you could enable custom css . It certainly isn’t necessary but it’s nice to have that ready to go if you ever need it.

I’m just going to add the Font Awesome stylesheet reference right before the reference to my custom css file:

function ttg_head_end( $style, $path ) {
echo '
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/phplugins/css/custom.css" />
';
} // END

That’s all there is to it. Now you can start using the version 4.6 Font Awesome icons.
And whenever a new version of Font Awesome is released, just repeat the process and replace the link code.

2 thoughts on “Keeping up with Font Awesome”

Leave a Reply

Your email address will not be published. Required fields are marked *

About this site

This site is: a repository of time-savers and best practices from a user's perspective, picked up from several years of using TTG plugins.
This site is not: a support site.
Read more here.

Tip Jar

If this site has saved you some time, kept your hair attached, or otherwise prevented you from tossing the mouse through the monitor, feel free to donate.

Categories


Highly recommended. This is my go-to Lightroom book. Click on the book image. (affiliate link)

Affiliate link!

Current TTG versions

Backlight Versions

Backlight 1.2.3
Pages module 1.2.3
Cart Add-on 4.1.5
Client Response Add-on 7.1.2
Theater Add-on 1.2.4
WordPress Add-on 1.2.3
Publisher 3.2.2

CE4 Versions

TTG-BE: 2.0.5a
Autoindex: 7.0.8
Cart: 3.1.4a
CRG: 6.1.3a
Gallery: 6.1.9
Pages: 7.0.15
Publisher: 2.3.3
Stage: 6.1.6
Theme for WordPress: 3.1.2

Subscribe to new posts