feat: Implement Font Picker component and font management script
📄 Description
This MR adds a new FontPicker component, allowing users to select and preview different fonts in real-time.
To support this feature and streamline future development, a new npm run fonts:sync script has been created to automate the process of adding new fonts. The usage of this script is now documented in the README.md.
🚀 Changes Made
-
FontPickerComponent: Implemented a new, reusableFontPickercomponent for font selection. -
Font Sync Script: Created the
npm run fonts:syncscript to automatically download and configure new font packages. -
Documentation: Updated the
README.mdwith a comprehensive step-by-step guide on how to add new fonts using the new script.
🖼 ️ Screenshots
FontPickerComponent
- Chosing a different font
- Different font example
