Install Roboto from Fontsource.

farmOS · May 1, 2021 · 875c91c · 875c91c
1 parent fdace6f
commit 875c91c
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 0 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -3,6 +3,7 @@ module.exports = {
     title: "farmOS.org 2.x",
   },
   plugins: [
+    "gatsby-plugin-web-font-loader",
     "gatsby-plugin-image",
     {
       resolve: "gatsby-plugin-google-analytics",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,8 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
+    "@fontsource/roboto": "^4.2.3",
+    "@fontsource/roboto-mono": "^4.2.2",
     "@material-ui/core": "^4.11.3",
     "@material-ui/icons": "^4.11.2",
     "gatsby": "^3.0.1",
@@ -23,6 +25,7 @@
     "gatsby-plugin-manifest": "^3.0.0",
     "gatsby-plugin-react-helmet": "^4.0.0",
     "gatsby-plugin-sharp": "^3.0.1",
+    "gatsby-plugin-web-font-loader": "^1.0.4",
     "gatsby-remark-autolink-headers": "^4.1.0",
     "gatsby-source-filesystem": "^3.0.0",
     "gatsby-source-git": "^1.1.0",

diff --git a/src/templates/docs-page.js b/src/templates/docs-page.js
@@ -1,6 +1,9 @@
 import React from "react"
 import { graphql } from "gatsby"
 import Layout from "../components/layout"
+import '@fontsource/roboto'
+import '@fontsource/roboto-mono'
+import './roboto.css'
 
 export default function DocsPage({ data }) {
   const post = data.markdownRemark

diff --git a/src/templates/roboto.css b/src/templates/roboto.css
@@ -0,0 +1,7 @@
+body {
+  font-family: Roboto;
+}
+
+code {
+  font-family: 'Roboto Mono';
+}