Discussion on "3 quick ways to add fonts to your React app"

Tapas Adhikary · 2021-01-08T11:11:53.425Z

In HTML, font is used to specify the font face, size, and typography. You can add fonts to your React application in different ways. This article explains three quick ways of adding fonts to your React app. All the examples in the article assumes th...

Discussion on "3 quick ways to add fonts to your React app" | Hashnode

Charles Derek

Software Engineer

Apr 20, 2022

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

Apr 20, 2022

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.

Discussion

3 quick ways to add fonts to your React app

Responses(5)

Recent in Forum

Search Hashnode

3 quick ways to add fonts to your React app

Responses(5)

Recent in Forum