From 9f8e73a7f71a3dcf6ef2ed1a6fc7347829b2de1f Mon Sep 17 00:00:00 2001
From: Ole Herman Schumacher Elgesem <ole@northern.tech>
Date: Tue, 17 Oct 2023 15:54:29 +0200
Subject: [PATCH] Added fallback fonts to reduce differences while red hat font
 is loading

See:
https://github.com/cfengine/website/pull/890

Signed-off-by: Ole Herman Schumacher Elgesem <ole@northern.tech>
---
 generator/_assets/styles/less/article.less | 2 +-
 generator/_assets/styles/less/base.less    | 6 +++---
 generator/_assets/styles/less/header.less  | 6 +++---
 generator/_assets/styles/less/home.less    | 2 +-
 generator/_assets/styles/less/pages.less   | 2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/generator/_assets/styles/less/article.less b/generator/_assets/styles/less/article.less
index 05c214167..456e69c1b 100755
--- a/generator/_assets/styles/less/article.less
+++ b/generator/_assets/styles/less/article.less
@@ -1,5 +1,5 @@
 article {
-  font-family: "Red Hat Text";
+  font-family: "Red Hat Text", Arial, sans-serif;
   div.article {
     font-weight: 400;
     font-size: 16px;
diff --git a/generator/_assets/styles/less/base.less b/generator/_assets/styles/less/base.less
index b7c414a97..0c1712879 100755
--- a/generator/_assets/styles/less/base.less
+++ b/generator/_assets/styles/less/base.less
@@ -7,7 +7,7 @@
 }
 
 html {
-  font-family: "Red Hat Display";
+  font-family: "Red Hat Display", Arial, sans-serif;
   font-size: 62.5%; // 1 rem = 10 px
   max-width: 100%;
   overflow-x: hidden;
@@ -206,7 +206,7 @@ table {
 }
 
 code {
-  font-family: "Red Hat Mono";
+  font-family: "Red Hat Mono", "Courier New", monospace;
   background: @gray-100;
   border-radius: 4px;
   padding: 0 5px;
@@ -389,7 +389,7 @@ pre {
   overflow: visible;
   overflow-y: hidden;
   padding: 2rem;
-  font-family: 'Menlo';
+  font-family: 'Menlo', "Courier New", monospace;
   font-style: normal;
   font-weight: 400;
   font-size: 13px;
diff --git a/generator/_assets/styles/less/header.less b/generator/_assets/styles/less/header.less
index 22e28428d..ccc91d149 100755
--- a/generator/_assets/styles/less/header.less
+++ b/generator/_assets/styles/less/header.less
@@ -203,7 +203,7 @@
         font-weight: 400;
         font-size: 12px;
         line-height: 20px;
-        font-family: 'Roboto';
+        font-family: 'Roboto', Arial, sans-serif;
       }
 
       &:after {
@@ -228,7 +228,7 @@
         font-size: 14px;
         line-height: 16px;
         border-top: 1px solid #d1d2d34a;
-        font-family: 'Roboto';
+        font-family: 'Roboto', Arial, sans-serif;
 
         &:first-child {
           border: none;
@@ -272,4 +272,4 @@
   background-color: rgba(0, 0, 0, 0.3);
   z-index: 1;
   cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/generator/_assets/styles/less/home.less b/generator/_assets/styles/less/home.less
index 5e8a91260..aa10cf671 100755
--- a/generator/_assets/styles/less/home.less
+++ b/generator/_assets/styles/less/home.less
@@ -3,7 +3,7 @@
     color: @blue-800;
     font-size: 3.2rem;
     line-height: 3.6rem;
-    font-family: "Red Hat Display";
+    font-family: "Red Hat Display", Arial, sans-serif;
   }
 
   &-top {
diff --git a/generator/_assets/styles/less/pages.less b/generator/_assets/styles/less/pages.less
index a9c9e8229..ddd5c7fb7 100755
--- a/generator/_assets/styles/less/pages.less
+++ b/generator/_assets/styles/less/pages.less
@@ -69,7 +69,7 @@
   .TOC {
     position: sticky;
     top: 12px;
-    font-family: "Roboto";
+    font-family: "Roboto", Arial, sans-serif;
 
     @media @desktop-down {
       max-width: 28rem;