Font Awesome Version 4.2.0 for CloudHost

Hi GavicPro Team,

I am wondering if it's possible to use latest version on the Font Awesome icons with CloudHost template.
If yes, can you provide easiest way to update them.

Thanks,
Krystian

Hello,

Yes it is possible - you have to update the font files under the fonts/font-awesome directory and update the css/font-awesome.css file (please remember to put there a proper URLs for the font files at the beginning of the CSS code). We will upgrade all our templates with this new version of the font awesome till end of September.

Hi Dziudek,

I have tried to add code to font-awesome.css and update links.
But apparently it is more complicated as some of icons are with fa and some with icon.
I couldn't just simply replace .css as the menu disappear as well.

Let me know guys when you upgrade to 4.2 so i just use your optimized code.

Best,
Krystian

Now I see a reason of your problem - Cloudhost uses Font Awesome 3.x and won't be upgraded to Font Awesome 4.* as it will cause backward-compatibility problems - the class names are totally different. The only solution is adding Font Awesome 4.* as an additional iconset.

Thanks for reply.
Can you let me know how can I do this?

The easiest way is uploading the css as font-awesome-4.2.css to css directory and puts the font files as files inside fonts/font-awesome-4.2/ directory. Please remember to change the paths inside the font-awesome-4.2.css from ../fonts/ to ../fonts/font-awesome-4.2/. The last step is loading the CSS - you can do it by replacing inside the layouts/blocks/head.php file the following fragment:

Code: Select all

$this->API->addCSS($this->API->URLtemplate() . '/css/font-awesome.css');

to:

Code: Select all

$this->API->addCSS($this->API->URLtemplate() . '/css/font-awesome.css');
$this->API->addCSS($this->API->URLtemplate() . '/css/font-awesome-4.2.css');

Great
Thank you very much Dziudek

Have a great weekend