Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

[Solved] Issues with Font change

6 Posts
2 Users
2 Reactions
901 Views
Posts: 4
Topic starter
(@notquitewrite)
Active Member
Joined: 1 year ago

I know that wpForo uses my site fonts, but I want to change the font specifically for the forum since I need it to have a different font. 

I have used the CSS from this thread Change font – How-to and Troubleshooting – wpForo Support Forum

#wpforo #wpforo-wrap *:not(.fa):not(.fas):not(.far):not(fab) {
    font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

It has worked really well, but it breaks the TinyMCE icons as per the attached image. The TinyMCE icons are not Font Awesome (far) fonts, and so they are not excluded by the "not" clauses in the CSS.

Is there a workaround that would allow me to have both a custom font and working MCE? 

 


Topic Tags
5 Replies
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

Hi @notquitewrite 

Try

#wpforo #wpforo-wrap *:not(.fa,.fas,.far,fab,.mce-ico) {
    font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

 


Posts: 4
Topic starter
(@notquitewrite)
Active Member
Joined: 1 year ago

Hi, thanks for the quick response, but unfortunately the icons remain the same with that css update.


1 Reply
Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1521

@notquitewrite 

clear the browser cache

and do not use both codes

#wpforo #wpforo-wrap #wpforo-title {
font-weight:bold !important;
font-size: 22px;
text-transform: uppercase;
}
#wpforo #wpforo-wrap *:not(.fa):not(.fas):not(.far):not(fab) {
    font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

#wpforo #wpforo-wrap *:not(.fa,.fas,.far,fab,.mce-ico,.mce,.mce-widget) {
    font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

remove this one

#wpforo #wpforo-wrap *:not(.fa):not(.fas):not(.far):not(fab) {
    font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

Posts: 4
Topic starter
(@notquitewrite)
Active Member
Joined: 1 year ago

It works perfectly! Not sure what happened the first time. I really appreciate your help on this. 

Merry Christmas! 


1 Reply
Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1521

@notquitewrite 

use

#wpforo #wpforo-wrap *:not(.fa,.fas,.far,fab,.mce-ico,.fa-regular,.fa-solid ) {
    font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

.fa-regular,.fa-solid added 😉