Add fonts in react app

Download the fonts and place the font folder at below location :

src/assets/fonts/Rampart_One

Import the fonts in src/index.css file

@font-face {
    font-family: 'RampartOne';
    src: local('RampartOne'),
    url('./assets/fonts/Rampart_One/RampartOne-Regular.ttf') format('truetype');
}

Use the fonts in css file :

.my-heading {
    font-family: "RampartOne";
}

Done !!!