Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kevinrodriguez-io/react-native-get-google-font

An alternative to expo-font and @expo-google-font/some-font that allows bare react-native users to pre-install their favorite expo-google-fonts with no dependencies and load them ahead of time.
https://github.com/kevinrodriguez-io/react-native-get-google-font

bare font google-font react-native

Last synced: 2 months ago
JSON representation

An alternative to expo-font and @expo-google-font/some-font that allows bare react-native users to pre-install their favorite expo-google-fonts with no dependencies and load them ahead of time.

Awesome Lists containing this project

README

        

# React Native Get Google Font


Watch on GitHub
Star on GitHub
Tweet!
Google Fonts
Usage gif

## Summary

I made this package for those who don't want to introduce an extra "loading" state for their applications or having to go
ahead and setup the splashscreen and Apploading components.

What this little helper tool does is:

1. Grabs the fonts from Github.
2. Puts them under assets/fonts.
3. Renames the fonts to match apple postscript so you can have only one style `fontFamily` per platform (except web, maybe).
4. Optionally runs `react-native link` to link the assets, creating react-native.config.js if it doesn't exists (RN >= 60).
5. Creates a little guide on how to use the fresh downloaded fonts.

That's it.

## Usage

1. `npx react-native-get-google-font`.
2. Provide your font name (lowercase, check packages from expo-google-fonts).
3. Create your github user token and add it on the terminal.
4. Follow the wizard steps, and enjoy dead-simple font install.