Note that if you want to show Roboto font family on both platforms (your design might be as such) then you need to include that said font in your react native app bundle and then you wouldn't get this issue. For iOS this is going to be San Francisco and for Android this will be Roboto For native mobile developers, it may seem apparent that this information is already. So by giving fontFamily: 'System' you are saying to React Native pick the default system font family thats default to the current platform your running on. I’ve put together a repo with fonts available out of the box for React Native, both iOS and Android. You are trying to find Roboto font on iOS where it's not included by default in the operating system. Use fontFamily: 'System' instead of fontFamily: 'Roboto' Also please refer to How do I ask a good question? section for more info on that.Īll that said, in the spirit of helping you out the following would fix your issue.

As a fallback system, the font-family property is able to hold several font names.

The font-family is a CSS property that specifies a list of one or more font family names for the selected element. No meetup in your city We can help you start one. In this article, we will see how to implement CSS property -apple-system while using multiple values for the font family.

Like and mentioned before I have, please provide more information and what you've tried so far.īy putting in time to ask a question, you will increase the chance of getting a good answer quickly. Join over 4,000 developers who are part of our meetups across 9 locations including New York City, San Francisco, Los Angeles, Tel Aviv-Yafo, and Sydney.

San francisco font family react native