From 474a1250304061eae97456af5887d30770429482 Mon Sep 17 00:00:00 2001
From: Vinnie Falco <vinnie.falco@gmail.com>
Date: Wed, 7 Aug 2024 17:21:22 -0700
Subject: [PATCH] font fallbacks

---
 boostlook.css | 55 ++++++++++++++++++++++++++-------------------------
 1 file changed, 28 insertions(+), 27 deletions(-)

diff --git a/boostlook.css b/boostlook.css
index f1d680e..e8c4342 100644
--- a/boostlook.css
+++ b/boostlook.css
@@ -1,41 +1,45 @@
-/*@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wdth,wght@0,87.5,100..900;1,87.5,100..900&display=swap";*/
-/*@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wdth,wght@62.5,400..550&display=swap";*/
-
 @font-face {
-  font-family: "Noto Sans Display";
+  font-family: "Noto Sans";
+  font-style: normal;
+  font-weight: normal;
+  font-stretch: 87.5%;
+  font-display: block;
   src:
     /*local('Noto Sans Display')*/
-     url('/_/fonts/NotoSansDisplay.ttf') format('truetype'),
+    ,url('/_/fonts/NotoSansDisplay.ttf') format('truetype')
     ,url('../../../../tools/boostlook/NotoSansDisplay.ttf') format('truetype')
+    ,url("https://cppalliance.org/fonts/NotoSansDisplay.ttf") format('truetype')
     ;
-  font-weight: normal;
-  font-style: normal;
-  font-stretch: 87.5%;
 }
+
 @font-face {
-  font-family: "Noto Sans Display Italic";
+  font-family: "Noto Sans";
+  font-style: italic;
+  font-weight: normal;
+  font-stretch: 87.5%;
+  font-display: block;
   src:
     /*local('Noto Sans Display Italic')*/
-     url("/font/NotoSansDisplay-Italic.ttf") format("truetype")
+    ,url("/font/NotoSansDisplay-Italic.ttf") format("truetype")
     ,url("../../../../tools/boostlook/NotoSansDisplay-Italic.ttf") format("truetype")
+    ,url("https://cppalliance.org/fonts/NotoSansDisplayItalic.ttf") format('truetype')
     ;
-
-  font-weight: normal;
-  font-style: normal;
-  font-stretch: 87.5%;
 }
+
 @font-face {
   font-family: "Noto Sans Mono";
-  src:
-    /*local('Noto Sans Mono')*/
-     url("/_/boostlook/NotoSansMono.ttf") format("truetype"),
-    ,url("../../../../tools/boostlook/NotoSansMono.ttf") format("truetype")
-    ;
-  font-weight: normal;
   font-style: normal;
+  font-weight: normal;
   font-stretch: 70%;
-  font-weight: 550;
+  font-display: block;
+  src:
+    /*local('Noto sans Mono')*/
+    ,url("/_/boostlook/NotoSansMono.ttf") format("truetype")
+    ,url("../../../../tools/boostlook/NotoSansMono.ttf") format("truetype")
+    ,url("https://cppalliance.org/fonts/NotoSansMono.ttf") format('truetype')
+    ;
 }
+
 /* css reset */
 *, *::before, *::after {
 box-sizing: border-box;
@@ -54,9 +58,6 @@ max-width: 100%;
 input, button, textarea, select {
 font: inherit;
 }
-em {
-  font-family: "Noto Sans Display Italic";
-}
 p, h1, h2, h3, h4, h5, h6 {
 overflow-wrap: break-word;
 }
@@ -71,7 +72,7 @@ isolation: isolate;
 }
 
 .doc {
-font-family: "Noto Sans Display", serif;
+font-family: "Noto Sans", sans-serif;
 }
 
 .doc h1,
@@ -102,10 +103,10 @@ text-decoration: none;
 text-decoration: underline;
 }
 .doc code {
-font-family: "Noto Sans Mono", serif;
+font-family: "Noto Sans Mono", monospace;
 }
 .doc pre {
-font-family: "Noto Sans Mono", serif;
+font-family: "Noto Sans Mono", monospace;
 background-color: #f8f8f8;
 margin: 1em;
 padding: 1em;