Eg.
<i class="icon-question-sign"></i>
in overall header gives:instead of the .
Enlarged to show the difference.
To install Font Awesome you can create a folder at the root of the forum called "font-awesome", with a font folder and css folder within.
and in overall_header insert:
Code: Select all
<link rel="stylesheet" href="{ROOT_PATH}font-awesome/css/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="{ROOT_PATH}font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->
The only problems so far are that some of the phpbb icon class names conflict with the font awesome names, so you can edit names in the font-awesome.min.css files and use the edited names in the <i> tags. The only other problem that I can see is that to display properly on webkit browsers font-awesome automatically uses -
webkit-font-smoothing: antialiased;
which if applied to the following text makes it go thin and difficult to read.I haven't tried it on Windows browsers yet, but so far the benefits look good (icons that scale well, and reduce http requests), and any problems look easy to overcome.