diff --git a/scripts/build-docs/index.ts b/scripts/build-docs/index.ts
index e3bfbb7966..b5a43e85ce 100644
--- a/scripts/build-docs/index.ts
+++ b/scripts/build-docs/index.ts
@@ -447,15 +447,11 @@ const preamble =
**Pro Tip**: You can define your own provider by adding \`const provider = ganache.provider({})\` to the start of any example and passing in your [startup options](https://trufflesuite.com/docs/ganache/reference/cli-options/).`);
-// these are the fonts that are loaded when you navigate to ganache. It's possible others could be
-// loaded if users use the page, but these are the initial ones at time of writing. To verify this
-// is still true, load ganache.dev with devtools open, and check the `Font` tab within the Network
-// tab.
+// this font is loaded when you navigate to ganache. Others are loaded as well, but they are dependent on the,
+// User-Agent and thus different browsers get different versions. To verify check what fonts are downloaded, load
+// ganache.dev with devtools open, and check the `Font` tab within the Network tab.
const fontPreload = `
-
-
-
-
+
`;
const html = `
@@ -466,7 +462,7 @@ const html = `
-
+
${fontPreload}
@@ -501,7 +497,7 @@ const html = `
-