updated monospace font with latin-ext charset

ui/src/components/base/SecretGeneratorButton.svelte

@@ -62,7 +62,8 @@
 
 <style>
     .secret {
-        font-family: monospace;
+        font-family: var(--monospaceFontFamily);
+        font-size: var(--baseFontSize);
         font-weight: normal;
         user-select: all;
     }

ui/src/scss/_fonts.scss

@@ -9,7 +9,7 @@
   font-family: 'Source Sans 3';
   font-style: normal;
   font-weight: 400;
-  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-regular.woff2') format('woff2');
 }
 
 /* source-sans-3-italic - cyrillic_latin_latin-ext */
@@ -17,7 +17,7 @@
   font-family: 'Source Sans 3';
   font-style: italic;
   font-weight: 400;
-  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-italic.woff2') format('woff2');
 }
 
 /* source-sans-3-600 - cyrillic_latin_latin-ext */
@@ -25,7 +25,7 @@
   font-family: 'Source Sans 3';
   font-style: normal;
   font-weight: 600;
-  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-600.woff2') format('woff2');
 }
 
 /* source-sans-3-600italic - cyrillic_latin_latin-ext */
@@ -33,7 +33,7 @@
   font-family: 'Source Sans 3';
   font-style: italic;
   font-weight: 600;
-  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-600italic.woff2') format('woff2');
 }
 
 /* source-sans-3-700 - cyrillic_latin_latin-ext */
@@ -41,7 +41,7 @@
   font-family: 'Source Sans 3';
   font-style: normal;
   font-weight: 700;
-  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-700.woff2') format('woff2');
 }
 
 /* source-sans-3-700italic - cyrillic_latin_latin-ext */
@@ -49,21 +49,23 @@
   font-family: 'Source Sans 3';
   font-style: italic;
   font-weight: 700;
-  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/source-sans-3/source-sans-3-v18-cyrillic_latin_latin-ext-700italic.woff2') format('woff2');
 }
 
-/* ubuntu-mono-regular - cyrillic_latin */
+/* ubuntu-mono-regular - cyrillic_latin_latin-ext */
 @font-face {
+  font-display: swap;
   font-family: 'Ubuntu Mono';
   font-style: normal;
   font-weight: 400;
-  src: url('/fonts/ubuntu-mono/ubuntu-mono-v17-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/ubuntu-mono/ubuntu-mono-v17-cyrillic_latin_latin-ext-regular.woff2') format('woff2');
 }
 
-/* ubuntu-mono-700 - cyrillic_latin */
+/* ubuntu-mono-700 - cyrillic_latin_latin-ext */
 @font-face {
+  font-display: swap;
   font-family: 'Ubuntu Mono';
   font-style: normal;
   font-weight: 700;
-  src: url('/fonts/ubuntu-mono/ubuntu-mono-v17-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url('/fonts/ubuntu-mono/ubuntu-mono-v17-cyrillic_latin_latin-ext-700.woff2') format('woff2');
 }

ui/src/scss/_table.scss

@@ -133,8 +133,8 @@ table {
         }
     }
     td.col-type-json {
-        font-family: monospace;
-        font-size: var(--smFontSize);
+        font-family: var(--monospaceFontFamily);
+        font-size: var(--baseFontSize);
         line-height: var(--smLineHeight);
         max-width: 300px;
     }

ui/src/scss/_tooltip.scss

@@ -27,7 +27,9 @@
 
     // styles
     &.code {
-        font-family: monospace;
+        font-family: var(--monospaceFontFamily);
+        font-size: var(--baseFontSize);
+        line-height: calc(var(--baseFontSize) + 3px);
         white-space: pre-wrap;
         text-align: left;
         min-width: 150px;