Custom fonts don't load in the survey

[iledzka]

Hello,

I'm having troubles setting custom fonts. I tested it in the example app by passing font names as shown below:

Iterate.init({
      apiKey: apiKey,
      safeArea: useSafeAreaInsets,
      storage: SecureStorage,
      markdown: Markdown,
      buttonFont: {
        filename: "BerninoSans.otf",
          postscriptName: "BerninoSans",
      },
      surveyTextFont: {
          filename: "ClanOT-Medium.ttf",
          postscriptName: "ClanOT-Medium",
        },
    });

I’ve added the font files to the assets/fonts directory. However, when I try to apply them, the survey displays an incorrect serif-style font instead (see demo).

Could you advise on what might be causing this? Any help would be greatly appreciated.

Simulator.Screen.Recording.-.iPhone.SE.3rd.generation.-.2025-08-26.at.16.08.17.mp4

[msingleton]

@iledzka we just published v2.8.0 with React 19 fixes, can you update and confirm it works for you?

[iledzka]

@msingleton thanks for looking into this, I tested v2.8.0 and unfortunately the issue persists.

[lankybutmacho]

Hi, sorry for the confusion here - we recently updated our sample app and did not include the full implementation of custom fonts. It's now updated, so you should be able to use it as an example. Take note of react-native.config.js for specifying the assets directory, if your project does not already do that.