next.js font support

meta.js component

import NextHead from "next/head";

const Head = () => (
  <div>
    <NextHead>
      <meta charSet="UTF-8" />
      {/* <title>{props.title || ""}</title>
      <meta name="description" content={props.description || ""} /> */}
      <meta name="viewport" content="width=device-width, initial-scale=1" />

      <link
        rel="stylesheet"
        id="edgtf_font_awesome-css"
        href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
        type="text/css"
        media="all"
      />

      <link
        rel="stylesheet"
        id="assemble_edge_google_fonts-css"
        href="http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C500%2C600%2C700&#038;subset=latin-ext&#038;ver=1.0.0"
        type="text/css"
        media="all"
      />
    </NextHead>
  </div>
);

export default Head;