@font-face { font-family: 'Lato'; src: local('Lato'), url(./fonts/Lato-Regular.otf) format('opentype'); } @font-face { font-family: 'Lato'; font-weight: 900; src: local('Lato'), url(./fonts/Lato-Bold.otf) format('opentype'); } @font-face { font-family: 'Lato'; font-weight: 900; src: local('Lato'), url(./fonts/Lato-Black.otf) format('opentype'); }@font-face { font-family: "AssistantRegular"; src: local("AssistantRegular"), url("./fonts/assistant.regular.ttf") format("truetype"); font-weight: normal; }/*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*/