diff --git a/docs/stylesheets/nokia-fonts.css b/docs/stylesheets/nokia-fonts.css
index 8d6a15da..1af94804 100644
--- a/docs/stylesheets/nokia-fonts.css
+++ b/docs/stylesheets/nokia-fonts.css
@@ -65,4 +65,21 @@
   font-weight: 700;
   font-style: normal;
   font-display: swap;
+}
+
+@font-face {
+  font-family: 'NokiaPureText';
+  src: url('https://cdn.jsdelivr.net/gh/hellt/fonts@v0.1.0/nokia/NokiaPureText_Bd.eot');
+  /* IE9 Compat Modes */
+  src: url('https://cdn.jsdelivr.net/gh/hellt/fonts@v0.1.0/nokia/NokiaPureText_Bd.woff2') format('woff2'),
+    /* Super Modern Browsers */
+    url('https://cdn.jsdelivr.net/gh/hellt/fonts@v0.1.0/nokia/NokiaPureText_Bd.woff') format('woff'),
+    /* Pretty Modern Browsers */
+    url('https://cdn.jsdelivr.net/gh/hellt/fonts@v0.1.0/nokia/NokiaPureText_Bd.ttf') format('truetype'),
+    /* Safari, Android, iOS */
+    url('https://cdn.jsdelivr.net/gh/hellt/fonts@v0.1.0/nokia/NokiaPureText_Bd.svg#svgFontName') format('svg');
+  /* Legacy iOS */
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
 }
\ No newline at end of file
diff --git a/docs/stylesheets/nokia.css b/docs/stylesheets/nokia.css
index f04ec160..1bed32b4 100644
--- a/docs/stylesheets/nokia.css
+++ b/docs/stylesheets/nokia.css
@@ -36,6 +36,12 @@
   max-width: 40rem;
 }
 
+/* on firefox strong was getting font weight 400, which was not bold */
+strong,
+b {
+  font-weight: bold;
+}
+
 body,
 input {
   font-weight: 300;