Remove Jost

assets/css/bobastyle.css

@@ -119,17 +119,31 @@
 
 /* Fonts */
 @font-face {
-  /*font-family: Jost;*/
-  font-family: sans-serif;
+  font-family: "Open Sans";
   font-display: swap;
   font-style: normal;
-  src: url("/font/jost/Jost-VariableFont_wght.woff2") format("woff2");
+  src: url("/font/opensans/OpenSans-VariableFont_wdth,wght-9f637b868d10819aa0085e6cf7f70953411c8905c4055c069adbe8acc708feef.woff2") format("woff2");
 }
 @font-face {
-  /*font-family: JetBrainsMono;*/
-  font-family: monospace;
+  font-family: JetBrainsMono;
   font-display: swap;
-  src: url("/font/jetbrainsmono/JetBrainsMono_wght.woff2") format("woff2");
+  src: url("/font/jetbrainsmono/JetBrainsMono_wght-e190ee6595a3b9bd25278613a6f5d3766ee1a708f300ed44fa63dbe84051498f.woff2") format("woff2");
+}
+:root {
+  --font-sans: "Open Sans", "Noto Sans", sans-serif;
+  --font-mono: JetBrainsMono, monospace;
+}
+
+html {
+  font-family: var(--font-sans);
+}
+pre, code, kbd, samp, textarea {
+  font-family: var(--font-mono);
+  font-size: 0.75em;
+}
+pre > code {
+  /* otherwise it ends up being 0.75^2 em */
+  font-size: unset;
 }
 
 
@@ -587,9 +601,6 @@ html {
 body {
   background-color: var(--background-0);
   color: var(--text-0);
-  /*font-family: "Jost", "Open Sans", "Noto Sans", sans-serif;*/
-  font-family: sans-serif;
-  font-size: 16px;
   margin: 20px;
   max-width: 720px;
   overflow-wrap: break-word;
@@ -762,11 +773,6 @@ table.markdown {
 }
 
 .code-block > .code-header > .code-type,
-pre,
-code {
-  /*font-family: JetBrainsMono;*/
-  font-size: 12px;
-}
 code {
   border-radius: 5px;
 }

layouts/_default/_markup/render-codeblock.html

@@ -4,7 +4,7 @@
 {{ end }}
 <div class="code-block">
     <div class="code-header">
-        <span class="code-type">{{ $type }}</span>
+        <pre class="code-type">{{ $type }}</pre>
         <a href="javascript:void(0)" class="code-copy-button">
             {{ i18n "copy_to_clipboard" }}
         </a>

static/font/jost/README.txt

@@ -1,81 +0,0 @@
-Jost Variable Font
-==================
-
-This download contains Jost as both variable fonts and static fonts.
-
-Jost is a variable font with this axis:
-  wght
-
-This means all the styles are contained in these files:
-  Jost-VariableFont_wght.ttf
-  Jost-Italic-VariableFont_wght.ttf
-
-If your app fully supports variable fonts, you can now pick intermediate styles
-that aren’t available as static fonts. Not all apps support variable fonts, and
-in those cases you can use the static font files for Jost:
-  static/Jost-Thin.ttf
-  static/Jost-ExtraLight.ttf
-  static/Jost-Light.ttf
-  static/Jost-Regular.ttf
-  static/Jost-Medium.ttf
-  static/Jost-SemiBold.ttf
-  static/Jost-Bold.ttf
-  static/Jost-ExtraBold.ttf
-  static/Jost-Black.ttf
-  static/Jost-ThinItalic.ttf
-  static/Jost-ExtraLightItalic.ttf
-  static/Jost-LightItalic.ttf
-  static/Jost-Italic.ttf
-  static/Jost-MediumItalic.ttf
-  static/Jost-SemiBoldItalic.ttf
-  static/Jost-BoldItalic.ttf
-  static/Jost-ExtraBoldItalic.ttf
-  static/Jost-BlackItalic.ttf
-
-Get started
------------
-
-1. Install the font files you want to use
-
-2. Use your app's font picker to view the font family and all the
-available styles
-
-Learn more about variable fonts
--------------------------------
-
-  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
-  https://variablefonts.typenetwork.com
-  https://medium.com/variable-fonts
-
-In desktop apps
-
-  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
-  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
-
-Online
-
-  https://developers.google.com/fonts/docs/getting_started
-  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
-  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
-
-Installing fonts
-
-  MacOS: https://support.apple.com/en-us/HT201749
-  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
-  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
-
-Android Apps
-
-  https://developers.google.com/fonts/docs/android
-  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
-
-License
--------
-Please read the full license text (OFL.txt) to understand the permissions,
-restrictions and requirements for usage, redistribution, and modification.
-
-You can use them in your products & projects – print or digital,
-commercial or otherwise.
-
-This isn't legal advice, please consider consulting a lawyer and see the full
-license for all details.

static/font/opensans/OFL.txt

@@ -1,4 +1,4 @@
-Copyright 2020 The Jost Project Authors (https://github.com/indestructible-type)
+Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:

static/font/opensans/README.txt

@@ -0,0 +1,100 @@
+Open Sans Variable Font
+=======================
+
+This download contains Open Sans as both variable fonts and static fonts.
+
+Open Sans is a variable font with these axes:
+  wdth
+  wght
+
+This means all the styles are contained in these files:
+  OpenSans-VariableFont_wdth,wght.ttf
+  OpenSans-Italic-VariableFont_wdth,wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Open Sans:
+  static/OpenSans_Condensed/OpenSans_Condensed-Light.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-Regular.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-Medium.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-SemiBold.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-Bold.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-ExtraBold.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-Light.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-Regular.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-Medium.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-SemiBold.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-Bold.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-ExtraBold.ttf
+  static/OpenSans/OpenSans-Light.ttf
+  static/OpenSans/OpenSans-Regular.ttf
+  static/OpenSans/OpenSans-Medium.ttf
+  static/OpenSans/OpenSans-SemiBold.ttf
+  static/OpenSans/OpenSans-Bold.ttf
+  static/OpenSans/OpenSans-ExtraBold.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-LightItalic.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-Italic.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-MediumItalic.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-SemiBoldItalic.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-BoldItalic.ttf
+  static/OpenSans_Condensed/OpenSans_Condensed-ExtraBoldItalic.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-LightItalic.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-Italic.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-MediumItalic.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-SemiBoldItalic.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-BoldItalic.ttf
+  static/OpenSans_SemiCondensed/OpenSans_SemiCondensed-ExtraBoldItalic.ttf
+  static/OpenSans/OpenSans-LightItalic.ttf
+  static/OpenSans/OpenSans-Italic.ttf
+  static/OpenSans/OpenSans-MediumItalic.ttf
+  static/OpenSans/OpenSans-SemiBoldItalic.ttf
+  static/OpenSans/OpenSans-BoldItalic.ttf
+  static/OpenSans/OpenSans-ExtraBoldItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.