diff --git a/ui/packages/app/web/public/fonts/LICENSE b/ui/packages/app/web/public/fonts/LICENSE
new file mode 100644
index 00000000000..4bc073db59d
--- /dev/null
+++ b/ui/packages/app/web/public/fonts/LICENSE
@@ -0,0 +1,12 @@
+The font files in this directory are licensed under the SIL Open Font License, Version 1.1.
+
+Poppins
+  Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
+  License: https://fonts.google.com/specimen/Poppins/license
+
+Roboto Mono
+  Copyright 2015 The Roboto Mono Project Authors (https://github.com/googlefonts/RobotoMono)
+  License: https://fonts.google.com/specimen/Roboto+Mono/license
+
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+https://openfontlicense.org
diff --git a/ui/packages/app/web/public/fonts/poppins-100.woff2 b/ui/packages/app/web/public/fonts/poppins-100.woff2
new file mode 100644
index 00000000000..fba483687c8
Binary files /dev/null and b/ui/packages/app/web/public/fonts/poppins-100.woff2 differ
diff --git a/ui/packages/app/web/public/fonts/poppins-200.woff2 b/ui/packages/app/web/public/fonts/poppins-200.woff2
new file mode 100644
index 00000000000..288099e22b7
Binary files /dev/null and b/ui/packages/app/web/public/fonts/poppins-200.woff2 differ
diff --git a/ui/packages/app/web/public/fonts/poppins-300.woff2 b/ui/packages/app/web/public/fonts/poppins-300.woff2
new file mode 100644
index 00000000000..f03ca1f560e
Binary files /dev/null and b/ui/packages/app/web/public/fonts/poppins-300.woff2 differ
diff --git a/ui/packages/app/web/public/fonts/poppins-400.woff2 b/ui/packages/app/web/public/fonts/poppins-400.woff2
new file mode 100644
index 00000000000..839d8a4afc1
Binary files /dev/null and b/ui/packages/app/web/public/fonts/poppins-400.woff2 differ
diff --git a/ui/packages/app/web/public/fonts/poppins-500.woff2 b/ui/packages/app/web/public/fonts/poppins-500.woff2
new file mode 100644
index 00000000000..a7a06bd0aee
Binary files /dev/null and b/ui/packages/app/web/public/fonts/poppins-500.woff2 differ
diff --git a/ui/packages/app/web/public/fonts/poppins-600.woff2 b/ui/packages/app/web/public/fonts/poppins-600.woff2
new file mode 100644
index 00000000000..b6eb9ccfd38
Binary files /dev/null and b/ui/packages/app/web/public/fonts/poppins-600.woff2 differ
diff --git a/ui/packages/app/web/public/fonts/roboto-mono-400.woff2 b/ui/packages/app/web/public/fonts/roboto-mono-400.woff2
new file mode 100644
index 00000000000..6008f02412b
Binary files /dev/null and b/ui/packages/app/web/public/fonts/roboto-mono-400.woff2 differ
diff --git a/ui/packages/app/web/src/style/profile.css b/ui/packages/app/web/src/style/profile.css
index 40636cfa784..5eb11194b16 100644
--- a/ui/packages/app/web/src/style/profile.css
+++ b/ui/packages/app/web/src/style/profile.css
@@ -1,4 +1,58 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&family=Roboto+Mono&display=swap');
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url('/fonts/poppins-100.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('/fonts/poppins-200.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('/fonts/poppins-300.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/poppins-400.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('/fonts/poppins-500.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('/fonts/poppins-600.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/roboto-mono-400.woff2') format('woff2');
+}
 
 .profile-search-bar .queryExpressionInput {
   box-shadow: none;