Expo Font Loader

A VS Code extension to simplify adding and managing custom fonts in Expo projects, including integration with Google Fonts.

Features

• Automatically detect font files in your Expo project
• Select which fonts to load with an intuitive interface
• Generate and insert font loading code into your project
• Support for multiple font file formats (TTF, OTF)
• Configurable font directories
• Option for automatic font loading on project open
• Browse and add fonts from Google Fonts
• Preview fonts before adding them to your project

Installation

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "Expo Font Loader"
4. Click Install

Usage

Loading Local Fonts

1. Open your Expo project in VS Code
2. Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) to open the command palette
3. Type "Expo: Load Fonts" and select the command
4. The extension will scan your project for font files
5. Select the fonts you want to load from the list
6. The extension will generate the necessary code and insert it into your active file

Adding Google Fonts

1. Open your Expo project in VS Code
2. Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) to open the command palette
3. Type "Expo: Add Google Fonts" and select the command
4. Browse the list of available Google Fonts
5. Select a font to preview it
6. Confirm your selection to add the font to your project

The extension will download the selected Google Font, add it to your project, and update the necessary configuration files.

Configuration

You can configure the extension in your VS Code settings:

• expoFontLoader.autoLoad: Whether to automatically load fonts on project open (default: false)
• expoFontLoader.googleFontsApiKey: Your Google Fonts API key (required for accessing Google Fonts)

Troubleshooting

If you encounter any issues:

1. Ensure your font files are in the correct directory
2. Check that your Expo project is set up correctly
3. Verify that you have the necessary dependencies installed (expo-font)
4. For Google Fonts issues, make sure you've set up a valid Google Fonts API key in the extension settings

License

This project is licensed under the MIT License