Add font to react

How to include custom fonts in a react project

/*Create a directory "fonts" in your src folder
Move your font files in the "fonts" directory
Create / In your App.css file, you can use them as followed
*/

@font-face {
  font-family: 'MyFont';
  src: local('MyFont'), url(./fonts/MyFont.woff) format('woff');
  /* other formats include: 'woff2', 'truetype, 'opentype',
                            'embedded-opentype', and 'svg' */
}

/*Import the App.css file in your App.js*/

Source: stackoverflow.com

How to add custom font to react project

@font-face {
  font-family: "AssistantRegular";
  src: local("AssistantRegular"),
    url("./fonts/assistant.regular.ttf") format("truetype");
  font-weight: normal;
}

Source: grepper.com

Similar codes

0 vote183 views1 answer
Webkit scrollbar padding
CSS
7 votes179 views3 answers
Circle button html
CSS
0 vote195 views3 answers
Navigation sidebar animated
CSS
1 vote200 views1 answer
Active pseudo class in css not working in form text area
CSS
-6 votes206 views7 answers
Css flex
CSS
0 vote221 views1 answer
How To target a particular td in css
CSS
0 vote216 views1 answer
Simple font-face mixin scss
CSS
-1 vote136 views1 answer
Minifoie css
CSS
0 vote189 views1 answer
How do I link a CSS file to a folder?
CSS
-2 votes193 views1 answer
Reduce image size on mobile view css
CSS