vector-icons icon indicating copy to clipboard operation
vector-icons copied to clipboard

How to use fonts with dynamic width?

Open DanielRamosAcosta opened this issue 4 years ago • 4 comments

We are using tabler icons at my project, which supports dynamic font weights. How could we use this feature with expo vector icons?

image image image

DanielRamosAcosta avatar Mar 02 '21 14:03 DanielRamosAcosta

I guess you can simply set the font weight manually: <Feather name="link" size={24} style={{ fontWeight: "bold" }} />.

alexisthual avatar Apr 25 '21 11:04 alexisthual

I guess you can simply set the font weight manually: <Feather name="link" size={24} style={{ fontWeight: "bold" }} />.

it doesn't work

andreibahachenka avatar Dec 01 '21 12:12 andreibahachenka

2023 and it keep open, ty @Expo

DarlonHenrique avatar Jul 31 '23 17:07 DarlonHenrique

any updates or possible fixes on this? accessibility settings(bold text) on android actually make icons bold and theres no way to override this setting with code. on ios this doesnt happen. what i've tried so far is:

  • setting font weight to normal or 100 with { fontWeight: "normal" } through the style prop
  • setting allowFontScaling prop to false
  • setting maxFontSizeMultiplier prop to values between 0 and 1(including 1)

biskyy avatar Mar 27 '24 18:03 biskyy