(Reactで)Google fontsを使う

(Reactで)Google fontsを使うReactでと書きましたが、別にReactじゃなくてもcssの所は同じ。すごい基本的なことなのですがメモとして…。

とりあえず、すべてのページで適用したいならこうすれば良い。

main.css

@import url(https://fonts.googleapis.com/css?family=Roboto:100);

body {
  font-family: 'Roboto', sans-serif;
}

import React from 'react';
import ReactDOM from 'react-dom';
import Main from './Components/Main/Main';
require('./Style/main.css');

function App() {
  return <Main />;
}

ReactDOM.render(
  <App />,
  document.getElementById('app')
);

ちなみに「Noto Sans Japanese」の場合はこう。Noto Sans Japaneseは日本語だけに適用したいなぁ。

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
  font-family: 'Noto Sans Japanese', sans-serif;
}