(Reactで)Google fontsを使う

March 26, 2016

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;
}