You can check out one of these sites below to see interesting fonts pairs or check out our font pairing articles.
Our Free Font Pairing Vol. 1, Vol. 2 and Vol. 3
Note that the Apple system fonts can only be used in Apple ecosystem products (iOs, macOS, etc). While Google’s Roboto font can be used in any operating system. Keep it in mind when designing one app for both platforms.
We can often observe a typical situation. Due to the difference in text rendering inside design tools and mobile operating systems, the margins between text blocks and other interface elements may differ visually.
To prevent this from happening, you can consider all margins relative to baseline. This approach will maximize the fit between your layouts and implementation in the app.
*Android currently doesn’t have full support methods for baseline spacings
Most likely, using the baseline for all text elements of your interface will be difficult and costly to develop. Therefore, I recommend using this approach for elements where precise accuracy is especially important.
Whitespace and margins
Mobile devices have a very limited screen size, so you will want to fit as much text as possible within a single visible screen.
You don’t have to sacrifice whitespace to do this by reducing margins between text blocks. This will break the hierarchy between different text styles and blocks and will make the text harder to read.
Compose the layout so that part of the content was above the fold, thereby showing the user that there is more content and encouraging them to scroll.