How to set font family in react js website globally?

Asked Jan 04 '23 at 10:47

Active Jan 05 '23 at 06:19

Viewed 352 times

I have issue to set helvetica neue font family globally. It gives error as: Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin. Then I have used crossorigin="anonymous" with it but doesn't work and again gives error GET https://fonts.cdnfonts.com/css/helvetica-neue-9 net::ERR_ABORTED 503. How can I solve this issue?

In index.html I am using font inside Head tag as:

<link href="https://fonts.cdnfonts.com/css/helvetica-neue-9" rel="stylesheet" />

In index.css file I am using as:

body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande"; }

Error in console:

edited Jan 05 '23 at 06:19

asked Jan 04 '23 at 10:47

Aparajita

Are you using a custom setup fro your project? – Emanuele Scarabattoli Jan 04 '23 at 10:55
No, I am not using custom setup. – Aparajita Jan 04 '23 at 11:03
This should provide you with the answer: [How to add fonts to create-react-app based projects?](https://stackoverflow.com/questions/41676054/how-to-add-fonts-to-create-react-app-based-projects) – N S Jan 04 '23 at 12:54

How to set font family in react js website globally?

0 Answers0