How to apply font-feature-settings while importing a Font

[buraky84]

I need to use a non-monospaced Font. (Montserrat)

Using an array of <Text>, and each <Text> presents a single character to construct a String and this is drawn on a Canvas area. So that each <Text> (single char) is separately animatable.

But, since the non-monospaced font has a different character width, this is causing alignment issues on horizontal axis.

• Is there a way to use OpenType preferences (font-feature-settings:'tnum') while importing a font? If possible can you provide an example.
• If not possible currently could this be a feature request?

const font = useFont(require('@assets/fonts/Montserrat.ttf'), fontSize);

Thanks.

[laxman-stan]

You can get width of string/char using the font obj returned by useFont hook.

const font = useFont(require('@assets/fonts/Montserrat.ttf'), fontSize)
if(font){
widOfM = font.getTextWidth('M');
}

But you need to store size of each character
There might be a simpler or better way but it would definitely make you job done