CODEWITHSUNDEEP
javascriptcssreactjs
Mark James
Mark James

Reputation: 568

How to load font into react project

I have a problem loading the correctly Avenir font family.

I put the Link into the head of my application, as a result:

Here is the way of loading Font, in the main HTML file under head tag:

Problem may be in te link:

<head>
    <meta charset="utf-8" />

   <link href='http://fonts.googleapis.com/css?family=Avenir Web:300,400,600,700,800,900' rel='stylesheet' type='text/css'> 


  </head>

Any Idea what is the problem?

Upvotes: 0

Views: 236

Answers (1)

Leviathan_the_Great
Leviathan_the_Great

Reputation: 448

So I do not use react often without a framework

My guess as to why this isn't working is that for react-dom to use the root node() to be the render parent. Are you doing something like this ReactDOM.render(element, document.getElementById('root')); ?

regardless of the, I've seen people use a package called react-helmet to fix problems with the document head.

Let us know if this fixes your problem.

Upvotes: 1

Related Questions