Как подключить шрифты в react?

@nikko Вы можете добавить в index.html нужный шрифт чтобы подключить к React.js:

1

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

Вы можете также подключить шрифт в React через index.css

1
2
3
4

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);
html, body {
  font-family: 'Roboto', sans-serif;
}

@nikko 

1. Скачайте шрифт или получите его ссылку в интернете.
2. Создайте папку внутри папки src вашего React-проекта и назовите ее fonts.(
3. Поместите файлы шрифта в эту папку.
4. Откройте файл App.js и импортируйте шрифты в него:

import './fonts/название_шрифта.ttf';

1. Создайте CSS-файл внутри папки src, в котором определите стили для вашего шрифта.

@font-face { font-family: 'название_шрифта'; src: url('./fonts/название_шрифта.ttf') format('truetype'); }

1. Подключите созданный CSS-файл в ваш React-компонент:

import './fonts/styles.css';

1. Используйте шрифт в стилях вашего элемента:

font-family: 'название_шрифта', sans-serif;

Готово! Теперь вы можете использовать свой шрифт в проекте React.