add semi bold font weight

Author: OpenHypervideo

scripts/build.sh

@@ -265,10 +265,13 @@ inline_font "$BUILD_DIR/frametrail.css" \
     "../fonts/FrameTrail_Icons/frametrail-icons.woff2" \
     "$FONTS_DIR/FrameTrail_Icons/frametrail-icons.woff2"
 
-# Titillium Web text font (3 weights)
+# Titillium Web text font (4 weights)
 inline_font "$BUILD_DIR/frametrail.css" \
     "../fonts/Titillium_Web/TitilliumWeb-Regular.woff2" \
     "$FONTS_DIR/Titillium_Web/TitilliumWeb-Regular.woff2"
+inline_font "$BUILD_DIR/frametrail.css" \
+    "../fonts/Titillium_Web/TitilliumWeb-SemiBold.woff2" \
+    "$FONTS_DIR/Titillium_Web/TitilliumWeb-SemiBold.woff2"
 inline_font "$BUILD_DIR/frametrail.css" \
     "../fonts/Titillium_Web/TitilliumWeb-Bold.woff2" \
     "$FONTS_DIR/Titillium_Web/TitilliumWeb-Bold.woff2"

src/_shared/fonts/Titillium_Web/TitilliumWeb-SemiBold.woff2

@@ -59,6 +59,11 @@ input, select {
     src: url("../fonts/Titillium_Web/TitilliumWeb-Regular.woff2") format("woff2");
     font-weight: normal;
 }
+@font-face {
+    font-family: 'TitilliumWeb';
+    src: url("../fonts/Titillium_Web/TitilliumWeb-SemiBold.woff2") format("woff2");
+    font-weight: 600;
+}
 @font-face {
     font-family: 'TitilliumWeb';
     src: url("../fonts/Titillium_Web/TitilliumWeb-Bold.woff2") format("woff2");
@@ -81,6 +86,10 @@ body > .timelineElement.previewPopupWrapper,
     font-weight: 400;
 }
 
+b {
+    font-weight: 600;
+}
+
 .frametrail-body {
     position: relative;
     background: var(--primary-bg-color);