wip: additionalPreviewContent css fonts

Co-authored-by: Jonas Hummelstrand <[email protected]>

Author: olzzon

packages/webui/src/client/ui/PreviewPopUp/PreviewPopUp.scss

@@ -24,20 +24,24 @@
 		visibility: none;
 	}
 
+	font-family: Roboto Flex;
+
 	font-style: normal;
 	font-weight: 500;
-	font-size: 16px;
+	font-size: 15px;
 	line-height: 110%;
 	/* identical to box height, or 15px */
 	letter-spacing: 0.01em;
-	font-feature-settings: 'liga' off;
-
+	font-feature-settings:
+		'tnum' on,
+		'lnum' off,
+		'liga' off;
 	color: #ffffff;
 	font-stretch: 25;
 	font-variation-settings:
 		'GRAD' 0,
 		'opsz' 15,
-		'slnt' 9,
+		'slnt' 0,
 		'XOPQ' 96,
 		'XTRA' 468,
 		'YOPQ' 79,
@@ -57,14 +61,13 @@
 		padding: 5px;
 		padding-left: 2%;
 		padding-right: 2%;
-		font-style: italic;
 		font-weight: 300;
 		font-size: 16px;
 		line-height: 120%;
 		letter-spacing: 0.03em;
 		font-feature-settings:
-			'pnum' on,
-			'lnum' on,
+			'tnum' on,
+			'lnum' off,
 			'liga' off;
 
 		color: #ffffff;
@@ -137,22 +140,23 @@
 				line-height: 100%;
 				/* identical to box height, or 15px */
 				letter-spacing: 0.01em;
-				font-feature-settings: 'liga' off;
-
+				font-feature-settings:
+					'tnum' on,
+					'lnum' off,
+					'liga' off;
 				color: #ffffff;
-				font-stretch: 25;
 				font-variation-settings:
-					'opsz' 20,
 					'GRAD' 0,
-					'slnt' 0,
 					'XOPQ' 96,
 					'XTRA' 468,
 					'YOPQ' 79,
 					'YTAS' 750,
 					'YTDE' -203,
 					'YTFI' 738,
 					'YTLC' 548,
-					'YTUC' 712;
+					'YTUC' 712,
+					'opsz' 20,
+					'slnt' 0;
 			}
 		}
 	}