How to use custom fonts for text

<Text key={i} x=‘0’ y=‘0’ fontSize=‘24’ fontFamily='somefont'>&#xE050;</Text>

Seems it uses the default font

[anhtuank7c]

I have one custom font: Kingsman

I do place font in project_folder/src/fonts/Kingsman.tff then edit packages.json like this:

    "rnpm": {
        "assets": ["./src/fonts/"]
    }

Next, i do link fonts to Android/iOS:

react-native link

Fonts copied to 2 android and ios project

Then i try to display Text to make sure i do correctly:

import { Text} from 'react-native'

...component code

render() {
    return <Text style={{ fontFamily: 'Kingsman', fontSize: 20}} >Demo</Text>;
}

=> Display correct font as expected.

Problem on Android ONLY

import Svg, {Text} from 'react-native-svg';

...component code

render() {
    return (
        <View style={{flex: 1}}>
            <Svg height={100} width={100}>
                <Text fontFamily="Kingsman" fontSize="22" x="10" y="10">Demo</Text>
            </Svg>
        </View>
    );
}

==> Doesn’t make scene on Android device, iOS working good.

[rgoldiez]

Did you look at https://github.com/react-native-community/react-native-svg/issues/122