oblador/react-native-vector-icons

Help with High Contrast font setting on android

zzorba opened this issue · 2 comments

Environment

Android

Description

I've gotten reports of people who have the "High contrast font" setting enabled in android settings seeing the icon fonts become corrupted. I assume there is probably some way to indicate (in either the font or the rendering) to NOT apply high contrast settings to a particular font (like most RN developers, I'm using fonts for efficient vector graphics and icons).

I've tried searching google but have come up empty, though I assume I'm not the first person to hit this?

Demo

IMG_20241031_225835_226
IMG_20241031_225840_558

johnf commented

@zzorba I tested in one of my apps using Font Awesome 6, and it still seems to work OK (it doesn't look great, but it works). So maybe it's font specific?

The only workarounds I could find are https://stackoverflow.com/questions/54599485/how-to-ignore-high-contrast-accessibility-option-in-android-during-canvas-drawin, but they probably aren't helpful for React Native.

Thanks for the update, I will explore.

I built the font myself using icomoon, so it wouldn't surprise me if I made some mistake.