Use one font but in many different sizes

[hungtooc]

Hi, currently I use multiple useFont() to create font foreach text but it have the same font style (arial.tff or inter.ttf) base on interface theme.

const skfheader = useFont(
    require('../../assets/fonts/arial.ttf'),
    HEADER_TEXT_SIZE,
  );

It makes me have to create many different useFonts() for each title, header, description, note. Is there a way for me to use a single useFont and specify the font-size for each tag?

[wcandillon]

This is done via useTypeface():

const skfheader = useTypeface(require('../../assets/fonts/arial.ttf'));
const headerFont = Skia.Font(skfheader, HEADER_TEXT_SIZE);
const normalFont = Skia.Font(skfheader, NORMAL_TEXT_SIZE);