XenForo uses the icon font Font Awesome Pro 5 that contains over 7.000 icons of which XenForo typically uses only a few hundred.
But as all icons are included in the CSS and font files, browsers have to download the full font files and CSS which does cause a significant overhead in most cases...
This add-on will no longer be maintained as a better solution for reducing your FontAwesome file sizes has been published by @Kirby here. I would strongly suggest using his add-on instead.
The default XenForo 2.1 theme...
I'm currently updating my add-on to add Font Awesome icons in the Member View, but for now I use a lots of template modification.. I want to change it for a simple template modification to the EXTRA.less template.
Here is the add-on ...
Has anyone attempted to find a way to get Font Awesome Duotone icons site-wide? We have this option under Typography:
Adding a fourth choice, Duotone, would be the easiest in future XF versions, or via an add-on. But I'm thinking there must be some place in a template or style sheet where I...
Vice is style for people who like to show something more on their forums than just empty nodes. It can be used for all kind of communities.
set background for node
set icons for each forum
set big content display panel with highlights
set welcome message
Would you like to change your default Font Awesome node icons like this?
< read node >
< unread node >
To change a single node icon with a different Font Awesome icon add this code to your extra.less template:
/*** Change default FA node icon **/
Would you like to have icons in the sidebar block titles like this?
Here's a simple DIY tutorial on how to achieve this.
Below you'll find the code for most common sidebar blocks.
Open your extra.less template and add this code:
Lots of addons have broken FontAwesome icons due to the Font Awesome upgrade in XF2.1.
The solution is rather easy but confusing if you're a noob. Please make a backup before making any changes.
Search templates for "FontAwesome"
This only works with XenForo 2.1.x!
What does this add-on do?
This add-on lets you add Font Awesome 5 icons to various areas. All the icons are added via CSS to ensure it works with third party styles. There is one template modification to insert the css template into the PAGE_CONTAINER...
[Xenbros] Custom Tool Bar
Custom Toolbar is a premium addon extension for xenforo by xenbros, the best vertical xenforo toolbar addon on the market. Advanced toolbar creates closer bonds between your audience and your brand supporting your business goals. Make your forum menu complete!
This modification allows you to use FA5.
After the installation you can easily choose if it should be activated and wether it should use local files or a CDN.
use local files or a CDN
use all icons from the free style
If you like our work, please consider...
Today I share with you a tutorial made by @SyTry to add the Font Awesome 5.3.1 Icons !
Tutorial requested by @Niro ! ;)
In your template PAGE_CONTAINER find :
Add this after :
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"...
I am looking for a stupid simple way to put a link to Twitter and Facebook account along with their icons in my footer.
Something like on Xenforo Community:
I'm sure this is easy to do with Font Awesome icons.
Does anyone have the HTML I would need to add to the Footer template to...