Switch font to Atkinson Hyperlegible

Amolith created 2 years ago

Change summary

ws/static/fonts/bold-102a.woff2               |  0 
ws/static/fonts/bold-102a.woff2.license       |  3 +
ws/static/fonts/bolditalic-102a.woff2         |  0 
ws/static/fonts/bolditalic-102a.woff2.license |  3 +
ws/static/fonts/italic-102a.woff2             |  0 
ws/static/fonts/italic-102a.woff2.license     |  3 +
ws/static/fonts/regular-102a.woff2            |  0 
ws/static/fonts/regular-102a.woff2.license    |  3 +
ws/static/inter.woff2                         |  0 
ws/static/inter.woff2.license                 |  3 -
ws/static/styles.css                          | 38 +++++++++++++++++---
11 files changed, 43 insertions(+), 10 deletions(-)

Detailed changes

ws/static/fonts/bold-102a.woff2

ws/static/fonts/bold-102a.woff2.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: Braille Institute of America, Inc.
+
+SPDX-License-Identifier: OFL-1.1

ws/static/fonts/bolditalic-102a.woff2

ws/static/fonts/bolditalic-102a.woff2.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: Braille Institute of America, Inc.
+
+SPDX-License-Identifier: OFL-1.1

ws/static/fonts/italic-102a.woff2

ws/static/fonts/italic-102a.woff2.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: Braille Institute of America, Inc.
+
+SPDX-License-Identifier: OFL-1.1

ws/static/fonts/regular-102a.woff2

ws/static/fonts/regular-102a.woff2.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: Braille Institute of America, Inc.
+
+SPDX-License-Identifier: OFL-1.1

ws/static/inter.woff2

ws/static/inter.woff2.license

@@ -1,3 +0,0 @@
-SPDX-FileCopyrightText: 2016-2020 The Inter Project Authors
-
-SPDX-License-Identifier: OFL-1.1

ws/static/styles.css

@@ -5,11 +5,35 @@
  */
 
 @font-face {
-    font-family: 'Inter';
-    font-weight: 100 900;
-    font-display: swap;
-    font-style: oblique 0deg 10deg;
-    src: url("/static/inter.woff2?v=3.19") format("woff2");
+	font-family: 'Atkinson Hyperlegible';
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+	src: url("/static/fonts/regular-102a.woff2") format("woff2");
+}
+
+@font-face {
+	font-family: 'Atkinson Hyperlegible';
+	font-weight: normal;
+	font-style: italic;
+	font-display: swap;
+	src: url("/static/fonts/regular-102a.woff2") format("woff2");
+}
+
+@font-face {
+	font-family: 'Atkinson Hyperlegible';
+	font-weight: bold;
+	font-style: normal;
+	font-display: swap;
+	src: url("/static/fonts/bold-102a.woff2") format("woff2");
+}
+
+@font-face {
+	font-family: 'Atkinson Hyperlegible';
+	font-weight: bold;
+	font-style: italic;
+	font-display: swap;
+	src: url("/static/fonts/bolditalic-102a.woff2") format("woff2");
 }
 
 html {
@@ -17,7 +41,7 @@ html {
     margin: auto auto;
     color: #2f2f2f;
     background: white;
-    font-family: 'Inter', sans-serif;
+    font-family: 'Atkinson Hyperlegible', sans-serif;
     padding-bottom: 20px;
 }
 
@@ -87,4 +111,4 @@ details summary > * {
         border: 2px solid #ccc;
         background: #1c1c1c;
     }
-}
+}