Гарнитура-робото для чего?

Question

Учитывая приведенный ниже код реакции:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

import 'typeface-roboto';
import Typography from '@material-ui/core/Typography';

const App = class extends Component {
  render() {
    return <Typography variant="h1">Hello React App!</Typography>;
  }
}

const root = document.getElementById('root');

ReactDOM.render(<App />, root);

если я прокомментирую import 'typeface-roboto';, в моем заявлении ничего не изменится.

Может кто-нибудь объяснить, почему?

песочница: https://codesandbox.io/s/x2n59kj2lq

Answer 1

Не забывайте, что такой тип модуля импорта означает просто импорт скрипта в es6, так что в данном случае это скрипт css для шрифта

Answer 2

Пакет 'typeface-roboto' используется для импорта шрифта roboto, он включает в себя все необходимые файлы шрифтов и файл CSS. Это требуется только тогда, когда вы хотите изменить ваш шрифт. И, typeface-roboto предполагает, что вы используете webpack для обработать CSS и файл.