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

20 votes165 views3 answers
Gradient border with border radius
CSS
0 vote156 views2 answers
Bootstrap 4 scss angular 8
CSS
0 vote158 views1 answer
Github-pages main.css cancel
CSS
0 vote165 views1 answer
NeuMorphisme button code
CSS
6 votes152 views2 answers
Remove horizontal scrollbar css
CSS
30 votes198 views6 answers
Linear gradient in CSS
CSS
0 vote160 views2 answers
Background image syntax in css if it is in folder
CSS
0 vote179 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
14 votes120 views3 answers
What does css stand for
CSS
0 vote152 views1 answer
Li move to left
CSS