Static hosting of google fonts (#1608)

Close #1607

Author: cw789

assets/build/build.js

@@ -83,6 +83,8 @@ const htmlBuild = esbuild.build({
   ],
   loader: {
     '.woff2': 'file',
+    // TODO: Remove when @fontsource/* removes legacy .woff
+    '.woff': 'file',
   },
 }).catch(() => process.exit(1))
 

assets/css/_html.css

@@ -1,4 +1,9 @@
-@import url('https://fonts.googleapis.com/css?family=Lato:300,700|Merriweather:300italic,300|Inconsolata:400,700');
+@import '@fontsource/lato/300.css';
+@import '@fontsource/lato/700.css';
+@import '@fontsource/merriweather/300.css';
+@import '@fontsource/merriweather/300-italic.css';
+@import '@fontsource/inconsolata/400.css';
+@import '@fontsource/inconsolata/700.css';
 
 @import 'custom-props/common.css';
 @import 'custom-props/theme-light.css';

assets/package-lock.json

@@ -26,6 +26,9 @@
   "homepage": "https://github.com/elixir-lang/ex_doc#readme",
   "browserslist": "last 2 versions",
   "devDependencies": {
+    "@fontsource/inconsolata": "^4.5.7",
+    "@fontsource/lato": "^4.5.9",
+    "@fontsource/merriweather": "^4.5.13",
     "esbuild": "^0.15.7",
     "eslint": "^8.23.1",
     "eslint-config-standard": "^17.0.0",