how to use a custom font family with this library?

[Yasir5247]

I can see that i can control fontSize, fontWeight etc. for instance "text90", "text70" is for different sizes. also i can make it bold and large like this "text100BL". but where is the font family defined?. i assume this is the system default font. I would like to change it to a font family of my choice where i can control the weight, size like this using these presets. Is it possible? if so how?

 return (
    <View marginB-10>
      <View>
        {!!heading && (
          <Text text90 grey40>
            {heading}
          </Text>
        )}
      </View>
      <View row>
        <View>
          <Text text70 black>
            {replaceIdNumber(idNumber)}
          </Text>
        </View>
      </View>
    </View>
  );

[ethanshar]

You can set your own typography presets or override the existing ones and pass whatever font prop you want: fontSize, fontFamily, fontWeight, lineHeight, letterSpacing, etc..

You can use Typography.loadTypographies({myFont: {...}, text70: {...}});

It's important to notice that Android and iOS works a little different when it comes to font.
Sometimes the weight of a font is determined by the fontFamily and sometimes you need to pass the fontWeight

You can see for example how we set our internal typographies here

react-native-ui-lib/src/style/typographyPresets.ts

Line 19 in cf29b80

const text10: TextStyle = {