Jump to content

Custom font breaks icons

Go to solution Solved by colonel_mortis,

The fonts that we use for icons are FontAwesome and 'Material Icons'. You should whitelist those - this isn't a forum bug.

Browser, version and OS: 

Google Chrome Version 81.0.4044.138 (latest stable release)

Windows 10 build 19041,208 (current Windows insider Slow Ring release)

 

Steps to reproduce?

Install custom font

Force the use of said font with an extention, i use this one.

 

What happened?

all icons on the side break and are either replaced with text or a square. 

 

Screenshots of the issue, if applicable: 

1269293007_Annotation2020-05-09021323.thumb.jpg.045f1c9236cb2c811ccb58b5f10d84b7.jpg

47320638_Annotation2020-05-09021228.jpg.250e2d17b90497c65da936d3537d6ee2.jpg

43904037_Annotation2020-05-09021342.jpg.153c447ebae23c24de3e3d8c2c1f6910.jpg

 

 

i know this is probably an issue nobody else encounters, and i'm not expecting the team here to put a bunch of time into fixing this, but if there is a quick fix i'd love to know. 

She/Her

Link to comment
Share on other sites

Link to post
Share on other sites

2 minutes ago, Twilight said:

Browser, version and OS: 

Google Chrome Version 81.0.4044.138 (latest stable release)

Windows 10 build 19041,208 (current Windows insider Slow Ring release)

 

Steps to reproduce?

Install custom font

Force the use of said font with an extention, i use this one.

 

What happened?

all icons on the side break and are either replaced with text or a square. 

 

Screenshots of the issue, if applicable: 

1269293007_Annotation2020-05-09021323.thumb.jpg.045f1c9236cb2c811ccb58b5f10d84b7.jpg

47320638_Annotation2020-05-09021228.jpg.250e2d17b90497c65da936d3537d6ee2.jpg

43904037_Annotation2020-05-09021342.jpg.153c447ebae23c24de3e3d8c2c1f6910.jpg

 

 

i know this is probably an issue nobody else encounters, and i'm not expecting the team here to put a bunch of time into fixing this, but if there is a quick fix i'd love to know. 

U tried any other browser?

Reminder⚠️

I'm just speaking from experience so what I say may not work 100%

Please try searching up the answer before you post here but I am always glad to help

Link to comment
Share on other sites

Link to post
Share on other sites

Just now, Kanna said:

U tried any other browser?

even if it's fixed in another browser it won't help since i like Chrome... 

She/Her

Link to comment
Share on other sites

Link to post
Share on other sites

Just now, Twilight said:

even if it's fixed in another browser it won't help since i like Chrome... 

Well if you force the site to use it, it can glitch up almost everywhere since the site needs support for the font

Reminder⚠️

I'm just speaking from experience so what I say may not work 100%

Please try searching up the answer before you post here but I am always glad to help

Link to comment
Share on other sites

Link to post
Share on other sites

Icons are actually fonts, not images. Or those which will break, like bottom button and messages/notifs. The "issue" where they don't load correctly from Google's servers, or someone wants to block the use of Google's service for them has been discussed couple of times before.

 

This is beyond my knowledge of fonts, but if you could modify font to add these characters which are used as buttons on forum, this could be fixes.

^^^^ That's my post ^^^^
<-- This is me --- That's your scrollbar -->
vvvv Who's there? vvvv

Link to comment
Share on other sites

Link to post
Share on other sites

2 minutes ago, LogicalDrm said:

Icons are actually fonts, not images. Or those which will break, like bottom button and messages/notifs. The "issue" where they don't load correctly from Google's servers, or someone wants to block the use of Google's service for them has been discussed couple of times before.

 

This is beyond my knowledge of fonts, but if you could modify font to add these characters which are used as buttons on forum, this could be fixes.

i can add manual rules in that extention, so i'd need to add it manually. i'd need to know what exact font the buttons are though. 

She/Her

Link to comment
Share on other sites

Link to post
Share on other sites

4 minutes ago, Ashley xD said:

i can add manual rules in that extention, so i'd need to add it manually. i'd need to know what exact font the buttons are though. 

Using Chrome's element inspector, one will find that the bell notification icon is using Font Awesome.

image.png.28c407678cda88503cef3fa2479cb24c.png

Desktop: KiRaShi-Intel-2022 (i5-12600K, RTX2060) Mobile: OnePlus 5T | Koodo - 75GB Data + Data Rollover for $45/month
Laptop: Dell XPS 15 9560 (the real 15" MacBook Pro that Apple didn't make) Tablet: iPad Mini 5 | Lenovo IdeaPad Duet 10.1
Camera: Canon M6 Mark II | Canon Rebel T1i (500D) | Canon SX280 | Panasonic TS20D Music: Spotify Premium (CIRCA '08)

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×