TTG Tips and Tricks

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:

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.