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

18 votes149 views2 answers
Hover transition css
CSS
23 votes178 views6 answers
Css circle
CSS
11 votes167 views3 answers
Css selector color
CSS
0 vote217 views1 answer
Nth-of-type(2):before
CSS
0 vote146 views1 answer
How to remove horizontal scrollbar and yet allow vertical
CSS
0 vote257 views2 answers
Hoq to give paragraph color css
CSS
0 vote207 views2 answers
Using materialize css with react
CSS
0 vote178 views2 answers
Wp query using the_post
CSS
0 vote237 views2 answers
How to remove white space in the right side of web page
CSS
0 vote212 views1 answer
Css display original image in smalle width
CSS