XF 2.1 Font Awesome Pro

[audio]

Is there a way to upgrade my font awesome 5 to pro version? If so what file would I do that in?

 

[Ozzy47]

XF 2.1 includes Font Awesome 5 Pro by default.

 

[audio]

hmm some of the icon's are not working then, like the Discord Icon does not work correctly

 

[Chris D]

The Discord icon is included in FA5 free so if it isn't working then it suggests the code you're using to show the icon is not correct.

 

[audio]

well I am using the unicode straight from FA5. I am trying to add icons to my navbar and most of them work but the discord one.

 

[mcatze]

Take a look here https://xenforo.com/community/resources/font-awesome-icons-in-navbar-for-2-1.6817/

 

[audio]

lol that's funny. I was actually just reading this when you posted this. Thank you

 

[audio]

I can't get the submenu ones to work using that code @mcatze

this is what I have:

/***** Navbar icons *****/
.p-navEl a:before {
    .m-faBase();
    display: inline-block;
    text-align: center;
    padding-right: 5px;
    margin-top: 5px;
    border-radius: 30px;
    line-height: normal;
}

.p-navEl a[data-nav-id='EWRporta']:before {.m-faContent("@{fa-var-home}");}
.p-navEl a[data-nav-id='forums']:before {.m-faContent("@{fa-var-comments-alt}");}
.p-navEl a[data-nav-id='rules']:before {.m-faContent("@{fa-var-list-ol}");}
.p-navEl a[data-nav-id='voting']:before {.m-faContent("@{fa-var-poll}");}

 

[frm]

Blog icon is in FA5, but 5.6. Which version comes WITH XF2?

 

[Chris D]

The next XF 2.1 release includes FA 5.6.

 

[frm]

The next XF 2.1 release includes FA 5.6.

Thank you!

 

[mcatze]

View attachment 191019

I can't get the submenu ones to work using that code @mcatze

this is what I have:

/***** Navbar icons *****/
.p-navEl a:before {
    .m-faBase();
    display: inline-block;
    text-align: center;
    padding-right: 5px;
    margin-top: 5px;
    border-radius: 30px;
    line-height: normal;
}

.p-navEl a[data-nav-id='EWRporta']:before {.m-faContent("@{fa-var-home}");}
.p-navEl a[data-nav-id='forums']:before {.m-faContent("@{fa-var-comments-alt}");}
.p-navEl a[data-nav-id='rules']:before {.m-faContent("@{fa-var-list-ol}");}
.p-navEl a[data-nav-id='voting']:before {.m-faContent("@{fa-var-poll}");}

You should check the given icons here: https://fontawesome.com/icons?d=gallery

For submenus is another/more code neccesary.

 

[frm]

You should check the given icons here: https://fontawesome.com/icons?d=gallery

Not all are supported as of now, though.

Notice the versions and which ones are, now,
Discord: https://fontawesome.com/icons/discord?style=brands (Version 5.0.0 -- Supported)
Blog: https://fontawesome.com/icons/blog?style=solid (Version 5.6.0 -- Not supported until next 2.1 Beta release)
Calendar: https://fontawesome.com/icons/calendar?style=solid (Version 5.0.0 -- Supported -- does it even look like a calendar?)
Calendar-alt: https://fontawesome.com/icons/calendar-alt?style=solid (Version 5.6.0 -- Not supported and looks more like a calendar to me)

There's not much difference in 5.6.1 or 5.6.3 that I'd like to see over the confirmed 5.6.0 addition, but the fire could be used for "hot" posts and exclamation-triangle for some sort of warning or alert.

 

[mcatze]

@frm e.g. calendar-alt is working for me..

 

[frm]

@frm e.g. calendar-alt is working for me..

View attachment 191047

Well, I stand corrected there. I can get calendar-alt (5.6.0) to reproduce the same, but not blog (5.6.0).

This is odd.

 

[frm]

canadian-maple-leaf (random 5.6.0) doesn't work as well, while you've shown one that does (calendar-alt). I'm wondering if there is 5.6.0 support, but not full support for it now?

 

[Wilouness]

Hello

This fa is in the version 5.13

Head Side Mask Icon | Font Awesome

Head Side Mask icon in the Classic Solid style. Available now in Font Awesome.

fontawesome.com

How can we upgrade to use it in a XF2.1.8 version of xenforo ? I want to use it as a node icon.

Thanks