Add font files script

Author: anselmbradford

.gitignore

@@ -4,3 +4,4 @@ docs/reports/*/*.html
 !docs/reports/*/index.html
 node_modules
 urls.txt
+static

README.md

@@ -8,6 +8,17 @@ To serve the Lighthouse Report Summary dashboard on your local machine,
 use the command `yarn && yarn serve` and visit `http://127.0.0.1:8080`
 (hit `ctrl` + `c` when you're ready to stop the server).
 
+This installs the dependencies. If you received an error
+`Module not found: Error: Can't resolve …` in regard to the font files,
+follow the next step to install the fonts.
+
+### Install font files
+
+To install self-hosted fonts locally, place the font files
+in `./static/fonts/`. This can be done with the command `yarn fonts`.
+
+### Run Lighthouse audit
+
 To run a Lighthouse audit, use the command `yarn lighthouse`. This command
 looks for a file named `urls.txt`, containing a list of relative URL paths
 to test. If this file does not exist, only the root of the domain is tested.

package.json

@@ -5,6 +5,7 @@
     "clean": "rm -rf ./docs/static",
     "compile-dev": "webpack --mode=development",
     "compile-prod": "webpack --mode=production",
+    "fonts": "./scripts/fonts.sh",
     "process-reports": "node scripts/process-reports.js",
     "lighthouse": "lhci collect && lhci collect --additive --mobile && lhci upload",
     "lint": "eslint --max-warnings=0 lighthouserc.js scripts src webpack.config.js",

scripts/fonts.sh

@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+# Add required webfonts locally to src/static/fonts/ directory.
+mkdir ./static/
+mkdir ./static/fonts
+cd ./static/fonts
+curl 'https://github.com/cfpb/consumerfinance.gov/blob/main/static.in/cfgov-fonts/fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2?raw=true' --output '1e9892c0-6927-4412-9874-1b82801ba47a.woff'
+curl 'https://github.com/cfpb/consumerfinance.gov/blob/main/static.in/cfgov-fonts/fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2?raw=true' --output '2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2'
+curl 'https://github.com/cfpb/consumerfinance.gov/blob/main/static.in/cfgov-fonts/fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2?raw=true' --output '627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2'
+curl 'https://github.com/cfpb/consumerfinance.gov/blob/main/static.in/cfgov-fonts/fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2?raw=true' --output 'f26faddb-86cc-4477-a253-1e1287684336.woff'
+cd ../../