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

6 votes282 views2 answers
How to add scss to a react app
CSS
0 vote198 views2 answers
Write mode css
CSS
0 vote184 views2 answers
Caching
CSS
0 vote215 views1 answer
Html glow on hover
CSS
1 vote202 views1 answer
Image on top of image css
CSS
0 vote194 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
19 votes184 views2 answers
Css center div vertically
CSS
13 votes217 views3 answers
Center position fixed
CSS
0 vote280 views2 answers
Mat input change placeholder color
CSS
3 votes186 views1 answer
Css scrollbar position to bottom
CSS