React Fonts with MaterialUI ⚡️

Features

⚡️ Vite js

⚡️ Styled with MaterialUI v5.0.4 + Custom CSS

Getting Started 🚀

This project allows to use your own theme with the createTheme component from MaterialUI.

How It works 📋

Create a folder called fonts under src.
Download the requires fonts into the src\fonts folder. In this example, i have downloaded two fonts, Qahiri and Rubik.
Next, in the App.css file add the fonts using the rule @font-face.
Finally, you need to use the typography variable in your theme component, then you'll use these design with the h1 and subtitle1 objects.

How To Use 🔧

From your command line, first clone react-fonts:

# Clone this repository
$ git clone https://github.com/GabrielFierro/react-fonts

# Go into the repository
$ cd react-fonts

# Remove current origin repository
$ git remote remove origin

Then you can install the dependencies either using NPM or Yarn:

Using NPM:

# Install dependencies
$ npm install

# Start development server
$ npm run dev

Once your server has started, go to this url http://localhost:3000/ and you will see the website running on a Development Server:

Technologies used 🛠️

Vite js - is a build tool that aims to provide a faster and leaner development experience for modern web projects.is a build tool that aims to provide a faster and leaner development experience for modern web projects
Material UI - Front-end component library

Author

Gabriel Fierro - https://github.com/GabrielFierro

License 📄

This project is licensed under the MIT License - see the MIT-LICENSE.txt file for details