diff --git a/.stylelintrc.mjs b/.stylelintrc.mjs
index 88eda3b64..162210f31 100644
--- a/.stylelintrc.mjs
+++ b/.stylelintrc.mjs
@@ -5,6 +5,10 @@ export default {
     'no-empty-source': null,
     'block-no-empty': [true, { severity: 'warning' }],
     'no-descending-specificity': null,
+    'font-family-no-missing-generic-family-keyword': [
+      true,
+      { ignoreFontFamilies: ['Material Icons'] },
+    ],
     'selector-type-no-unknown': null, // stylelint doesn't recognize angular components
     'scss/comment-no-empty': null, // allow for double slash multiline comments
     'scss/load-no-partial-leading-underscore': null, // this project uses underscored files
diff --git a/src/styles/page.scss b/src/styles/page.scss
index 781046d10..ebc5fea9e 100644
--- a/src/styles/page.scss
+++ b/src/styles/page.scss
@@ -13,7 +13,7 @@ app-root,
   //font-family: 'Montserrat', 'Roboto', sans-serif;
   //font-family: 'Open Sans', sans-serif;
   //font-family: 'Roboto', sans-serif;
-  font-family: 'Roboto', 'Comic Sans MS';
+  font-family: 'Roboto', 'Comic Sans MS', sans-serif;
 }
 
 html {