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 vote312 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
6 votes316 views5 answers
Flutter print
CSS
0 vote295 views1 answer
Flex starty
CSS
1 vote303 views1 answer
Animated background css
CSS
2 votes359 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote398 views3 answers
Bulma lowercase
CSS Bulma
43 votes332 views4 answers
Scale css
CSS
1 vote256 views2 answers
Css darken
CSS
29 votes310 views6 answers
Box-shadow
CSS
49 votes327 views6 answers
Min and max width media query
CSS