Comment by Charles Derek on "3 quick ways to add fonts to your React app" | Hashnode

Charles Derek

Software Engineer

I tried importing the exact way you mentioned to import into the index.js file, and still returns an error not found when the path matches.

import './assets/fonts/AvenirNextLTPro-Regular.otf';

in /src/index.js

Module not found: Error: Can't resolve './assets/fonts/AvenirNextLTPro-regular.otf' in 'MyPathToTheProject/src'

Tapas Adhikary

Educator @tapaScript | Founder CreoWis & ReactPlay - Writer - YouTuber - Open Source

Hi Charles, it should work as long as the import is correct and the project infra supports the import keyword.

Did you check the GitHub project I mentioned above? That got all the examples including this one.

Search Hashnode