Can't use custom fonts with SVG (or react-native-art)

Environment

Environment: OS: Windows 10 Node: 8.6.0 Yarn: 1.2.1 npm: 5.5.1 Watchman: Not Found Xcode: N/A Android Studio: Not Found

Packages: (wanted => installed) expo: ^25.0.0 => 25.0.0 react: 16.2.0 => 16.2.0 react-native: 0.52.0 => 0.52.0

Diagnostics report: https://exp-xde-diagnostics.s3.amazonaws.com/fhelwanger-4deb5b43-5b8f-4a73-a5ba-dc5910b65855.tar.gz

Steps to Reproduce

1. Load some custom font:

await Font.loadAsync({
  IndieFlower: require('./assets/fonts/IndieFlower.ttf')
});

1. Try to render some ReactNative.ART.Text using this font:

<ART.Surface height={50} width={100}>
  <ART.Text
    font={{
      fontFamily: 'IndieFlower',
      fontSize: 14
    }}
    fill="#000"
  >
    {'<ART.Text/>'}
  </ART.Text>
</ART.Surface>

Expected Behavior

The custom font is displayed.

Actual Behavior

• On iOS, the app crashes with the Unrecognized font family error.
• On Android, no error is thrown but the default font is shown instead.
• If I use the default ReactNative.Text, the font is displayed correctly.

Reproducible Demo

https://github.com/fhelwanger/ReactNativeArtExpoFontTest

1. Start the project:

git clone https://github.com/fhelwanger/ReactNativeArtExpoFontTest.git
yarn install
yarn start

1. Open the project on Expo Client.

[iameli]

This appears to still be a problem.

[brentvatne]

see this guide: https://docs.expo.io/versions/latest/guides/using-custom-fonts.html scratch that - I see in the example you linked to that you did this as expected. perhaps Svg isn’t working with custom fonts at the moment, cc @nikki93 who might know more