diff --git a/frontend/components/meta.tsx b/frontend/components/meta.tsx
index f8228730fb8cf..a0f07ab630570 100644
--- a/frontend/components/meta.tsx
+++ b/frontend/components/meta.tsx
@@ -2,6 +2,8 @@ import React from 'react'
 import { Helmet } from 'react-helmet'
 // @ts-ignore
 import favicon from '../images/favicon.png'
+import '@fontsource/lato'
+import '@fontsource/lekton'
 
 const description = `We serve fast and scalable informational images as badges
 for GitHub, Travis CI, Jenkins, WordPress and many more services. Use them to
@@ -17,10 +19,6 @@ export default function Meta(): JSX.Element {
       <meta content="width=device-width,initial-scale=1" name="viewport" />
       <meta content={description} name="description" />
       <link href={favicon} rel="icon" type="image/png" />
-      <link
-        href="https://fonts.googleapis.com/css?family=Lato|Lekton"
-        rel="stylesheet"
-      />
     </Helmet>
   )
 }
diff --git a/package-lock.json b/package-lock.json
index 8130b25af7051..09ee7652fc5b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6620,6 +6620,16 @@
         }
       }
     },
+    "@fontsource/lato": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@fontsource/lato/-/lato-4.2.2.tgz",
+      "integrity": "sha512-ZE5WvqZQZinXpH8MaEiM9klDsUOfCHVQJ/tZKpNVQhi8mHt9WqPCROu500oI5jC3s6jaJuWsM7LfJ1zyEeW+XA=="
+    },
+    "@fontsource/lekton": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@fontsource/lekton/-/lekton-4.2.2.tgz",
+      "integrity": "sha512-lHrW+/y838VhrC2H2Ux41Mnhmoxf0yuzzKmf5VD/wV7vzNn9Y1A/uEC69VByMtp7s5fZ9UOpqBfD8EZDj+ksIQ=="
+    },
     "@graphql-tools/batch-execute": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-7.0.0.tgz",
diff --git a/package.json b/package.json
index 779feb7906d07..74ed8d985a9ab 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,8 @@
     "url": "https://github.com/badges/shields"
   },
   "dependencies": {
+    "@fontsource/lato": "^4.2.2",
+    "@fontsource/lekton": "^4.2.2",
     "@sentry/node": "^6.2.2",
     "@shields_io/camp": "^18.1.1",
     "badge-maker": "file:badge-maker",