docs: propose modernizing user guide typography

Author: paulbalandan

user_guide_src/source/_static/css/citheme.css

@@ -2,90 +2,23 @@
 
 @import 'theme.css';
 
-/* Raleway Font ------------------------------------------------------------- */
-
-@font-face {
-	font-family: 'Raleway';
-	font-style: normal;
-	font-weight: 200;
-	src: url('../fonts/Raleway/raleway-v14-latin-200.eot'); /* IE9 Compat Modes */
-	src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'),
-	url('../fonts/Raleway/raleway-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-	url('../fonts/Raleway/raleway-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-200.woff') format('woff'), /* Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
-	url('../fonts/Raleway/raleway-v14-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
-}
-
-@font-face {
-	font-family: 'Raleway';
-	font-style: italic;
-	font-weight: 200;
-	src: url('../fonts/Raleway/raleway-v14-latin-200italic.eot'); /* IE9 Compat Modes */
-	src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'),
-	url('../fonts/Raleway/raleway-v14-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-	url('../fonts/Raleway/raleway-v14-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-200italic.woff') format('woff'), /* Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
-	url('../fonts/Raleway/raleway-v14-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
-}
-
-@font-face {
-	font-family: 'Raleway';
-	font-style: normal;
-	font-weight: 400;
-	src: url('../fonts/Raleway/raleway-v14-latin-regular.eot'); /* IE9 Compat Modes */
-	src: local('Raleway'), local('Raleway-Regular'),
-	url('../fonts/Raleway/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-	url('../fonts/Raleway/raleway-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-	url('../fonts/Raleway/raleway-v14-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
-}
-
-@font-face {
-	font-family: 'Raleway';
-	font-style: italic;
-	font-weight: 400;
-	src: url('../fonts/Raleway/raleway-v14-latin-italic.eot'); /* IE9 Compat Modes */
-	src: local('Raleway Italic'), local('Raleway-Italic'),
-	url('../fonts/Raleway/raleway-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-	url('../fonts/Raleway/raleway-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
-	url('../fonts/Raleway/raleway-v14-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
-}
-
-@font-face {
-	font-family: 'Raleway';
-	font-style: normal;
-	font-weight: 700;
-	src: url('../fonts/Raleway/raleway-v14-latin-700.eot'); /* IE9 Compat Modes */
-	src: local('Raleway Bold'), local('Raleway-Bold'),
-	url('../fonts/Raleway/raleway-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-	url('../fonts/Raleway/raleway-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-700.woff') format('woff'), /* Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-	url('../fonts/Raleway/raleway-v14-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
-}
-
-@font-face {
-	font-family: 'Raleway';
-	font-style: italic;
-	font-weight: 700;
-	src: url('../fonts/Raleway/raleway-v14-latin-700italic.eot'); /* IE9 Compat Modes */
-	src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'),
-	url('../fonts/Raleway/raleway-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-	url('../fonts/Raleway/raleway-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
-	url('../fonts/Raleway/raleway-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
-	url('../fonts/Raleway/raleway-v14-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
-}
+/* Fonts -------------------------------------------------------------------- */
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
 /* General ------------------------------------------------------------------ */
 
 body, p, legend {
-	font-family: "Raleway","Helvetica", "Arial", sans-serif;
+	font-family: "Inter", "Helvetica", "Arial", sans-serif;
+}
+
+code, kbd, pre, samp, tt,
+.rst-content code, .rst-content tt,
+.rst-content pre.literal-block,
+.rst-content .linenodiv pre,
+.rst-content div[class^=highlight] pre {
+	font-family: "JetBrains Mono", "Menlo", "Consolas", "Courier New", monospace;
+	font-feature-settings: "calt" 1;
 }
 
 .wy-nav-content {
@@ -98,7 +31,7 @@ body, p, legend {
 /* Titles ------------------------------------------------------------------- */
 
 h1, h2, h3, h4, h5, h6 {
-	font-family: "Raleway", "Helvetica", "Arial", sans-serif;
+	font-family: "Inter", "Helvetica", "Arial", sans-serif;
 }
 
 h1 {