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 vote266 views1 answer
Background image for div in grid system bootstrap
CSS
-1 vote257 views1 answer
Css not full width
CSS
0 vote224 views1 answer
Truncate long line with dots
CSS
18 votes272 views3 answers
Expo : File C:\Users\Admin\AppData\Roaming\npm\expo.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
-1 vote251 views1 answer
Css change radio button style
CSS
2 votes218 views1 answer
XAMPP: Another web server daemon is already running
CSS
-2 votes229 views3 answers
Css example
CSS
0 vote242 views3 answers
Css make div one line
CSS
1 vote250 views1 answer
How to change color of element when hovering over div
CSS
0 vote251 views1 answer
Css borrar
CSS