This tutorial will use the Transfonter, a modern and simple css generator.īefore you proceed, make sure you have your fonts ready.Ĭreate a new project with your preferred framework. If you want to expand support as wide as possible, then add EOT and TTF files to the mix. And if a user’s machine is so old that it doesn’t support either of these formats, it may be better to just serve them a system font as a fallback for performance reasons, anyway. These offer the best compression and allow you to deal with fewer files in your code. If you are mostly targeting users with modern browsers, you can use WOFF and WOFF2 formats. Then, we will show you how to use custom fonts in both React Native CLI and an Expo project. In this post, we are going to talk about the built-in fonts first. Most of them are the same in iOS and Android, but there are some differences. In React Native there are many built-in fonts. If you are getting your fonts from CDN like google fonts or even adobe fonts then font format should really not be your concern. 6 min read Fonts are very important in a mobile app. In this article, I will walk you through how you can conveniently use your favourite fonts in your web applications with tailwindcss.īefore you begin this tutorial you'll need the following: Custom fonts allow you to use a beautiful combination of different fonts on your website to improve typography and user experience.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |