wip: Roboto Flex use ttf with support for variantStyles

Author: olzzon

packages/webui/src/client/styles/countdown/director.scss

@@ -81,7 +81,7 @@ $hold-status-color: $liveline-timecode-color;
 				padding-left: 10px;
 				font-size: 20em;
 				font-weight: 500;
-				line-height: 100%;
+				line-height: 120%;
 				letter-spacing: 0%;
 				vertical-align: middle;
 				color: #fff;

packages/webui/src/client/styles/fonts/sass/_RobotoFlex.scss

@@ -1,7 +1,7 @@
 /* BEGIN Roboto Flex */
 @font-face {
     font-family: 'Roboto Flex';
-    @include fontdef-woff($FontPath, 'RobotoFlex', $FontVersion, 'Regular');
+    @include fontdef-ttf($FontPath, 'RobotoFlex', $FontVersion, 'Regular');
     font-weight: 400;
     font-style: normal;
   }

packages/webui/src/client/styles/fonts/sass/_mixins.scss

@@ -2,3 +2,7 @@
 	src: url('#{$FontPath}/#{$FontType}/#{$FontName}-#{$FontType}.woff2?v=#{$FontVersion}') format('woff2'),
 		url('#{$FontPath}/#{$FontType}/#{$FontName}-#{$FontType}.woff?v=#{$FontVersion}') format('woff');
 }
+
+@mixin fontdef-ttf($FontPath, $FontName, $FontVersion: '1.0.0', $FontType: 'Regular') {
+	src: url('#{$FontPath}/#{$FontType}/#{$FontName}-#{$FontType}.ttf?v=#{$FontVersion}') format('truetype');
+  }

packages/webui/src/client/ui/ClockView/DirectorScreen.tsx

@@ -479,7 +479,18 @@ function DirectorScreenRender({
 								next: nextSegment !== undefined && nextSegment?._id !== currentSegment?._id,
 							})}
 						>
-							{nextSegment?._id !== currentSegment?._id ? nextSegment?.name : undefined}
+							{nextSegment?._id !== currentSegment?._id ? (
+								<AdjustLabelFit
+									label={nextSegment?.name || ''}
+									width={'80vw'}
+									fontFamily="Roboto Flex"
+									fontSize="1em"
+									minFontSize={70}
+									maxFontSize={100}
+									minLetterSpacing={0}
+									hardCutText={true}
+								/>
+							) : undefined}
 						</div>
 						{nextPartInstance && nextShowStyleBaseId ? (
 							<>