SlimSocial-for-Facebook
SlimSocial-for-Facebook copied to clipboard
rignaneseleo
No icons appearing with latest Android User Agent
Device : Google Pixel 7
Version of SlimSocial : Latest 10.0.9
Custom User Agent : Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.5672.76 Mobile Safari/537.36
Screenshot of the issue :
Software that could interact or generate the bug : I have a DNS with Rethink DNS but I have totally excluded SlimSocial from it, so it shouldn’t interfere.
Thank you for your time and your so useful app
I'm pretty sure it's a DNS problem. Be sure all the facebook domains are excluded. This app uses touch.facebook.com for example.
That’s weird because I am using NativeAlpha with Facebook, with the same User Agent and NativeAlpha isn’t bypassed by the DNS and my icons are there
I have the same issue and did not change my DNS server, nor anything else. Browsing Facebook on both touch.facebook.com and m.facebook.com works without any of these issues.
I am also having this issue. No changes to DNS or user agent. While loading the feed, the icons at the top appear at first, but then get replaced by boxes once the page is loaded. To me the boxes look like missing unicode symbol placeholders, which would suggest a font issue.
Interesting: With an iPhone user agent the icons are immediately broken, whereas with an Android agent there is some delay. The icons work fine with a desktop Linux agent, but the overall UI shrinks.
If you turn off dark mode in the app settings, the icons return. There should be a toggle or something for dark mode on the main fb page and for everywhere else.
Is there some way at all to remote debug the app's css via adb like there is for Firefox for Android? I suspect it might be as easy to fix as changing the font in the css.
Right, so the buttons use character codes that are not in Unicode and likely only supported by proprietary fonts. On Firefox for Android, the font family it falls back on is "popular-symbols", a font I can't even find on Google. This is the fallback list in the css:
.dfr .native-text { font-family: Roboto-V2, popular-symbols, lite-glyphs-outlined, lite-glyphs-filled, snaptu-symbols, NotoSansDevanagari, NotoSansMalayalam, NotoSansGujarati, NotoSansKannada, NotoSansGurmukhi, NotoSansSinhala, BengaliOTS, RobotoThaiLao, NotoSansHebrew, NotoSansKhmer, NotoSansTamil, NotoSansTelugu, NotoSansArmenian, NotoSansGeorgian, NotoSansEthiopic, NotoSansOriya, NotoSansTibetan, NotoSansCherokee, NotoSansArabic, NotoSansMyanmar, system-ui, Arial, sans-serif }
Of the others, the only one that works is "lite-glyphs-outlined", also not found on Google, the rest displays placeholders. The fonts in question seem to be loaded via .woff2 file from fbcdn.net.
Unfortunately the custom css option in the settings seems to be entirely non-functional, otherwise I could try to force those fonts.
Could this be the culprit? https://github.com/rignaneseleo/SlimSocial-for-Facebook/blob/82d63bc696a924cc48d27a522679a7145248f7bc/SlimSocial_for_Facebook/lib/utils/css.dart#L286
There is no other instance of font-family being used in the app's css. Or perhaps the app fails to cache the .woff2 file correctly?