change font-family for sign → teletext

maquette-tests/assets/css/01_var.css

@@ -66,6 +66,7 @@
     --gap: 8px;
 
 
+    --sign-family: 'Teletext';
     --sign-size: 16px;
     --sign-baseline: 18px;
     --sign-spacing: 0.45rem;

maquette-tests/assets/css/03_layout.css

@@ -20,6 +20,7 @@
       font-size: var(--sign-size);
       color: var(--sign-color);
       letter-spacing: var(--sign-spacing);
+      font-family: var(--sign-family);
       line-height: var(--sign-baseline);
       vertical-align: top;
       padding-top: var(--running-top);
@@ -36,6 +37,7 @@
       width: calc(var(--unit)*2);
       font-size: var(--font-size);
       color: var(--sign-color);
+      font-family: var(--sign-family);
     }
 
 
@@ -50,6 +52,7 @@
       padding-left: 0.5ch;
       font-size: var(--font-size);
       color: var(--sign-color);
+      font-family: var(--sign-family);
 
     }
 
@@ -59,6 +62,7 @@
       font-size: var(--sign-size);
       color: var(--sign-color);
       letter-spacing: var(--sign-spacing);
+      font-family: var(--sign-family);
       line-height: var(--sign-baseline);
       vertical-align: top;
       padding-top: var(--running-top);
@@ -94,6 +98,7 @@
       font-size: var(--sign-size);
       color: var(--sign-color);
       letter-spacing: var(--sign-spacing);
+      font-family: var(--sign-family);
       line-height: var(--sign-baseline);
       vertical-align: top;
       padding-top: var(--running-top);
@@ -108,6 +113,7 @@
       padding-top: var(--running-top);
       white-space: nowrap;
       padding-right: 1.5ch;
+      font-family: var(--sign-family);
       font-size: var(--font-size);
       color: var(--sign-color);
     }
@@ -117,6 +123,7 @@
       font-size: var(--sign-size);
       color: var(--sign-color);
       letter-spacing: var(--sign-spacing);
+      font-family: var(--sign-family);
       line-height: var(--sign-baseline);
       vertical-align: top;
       padding-top: var(--running-top);
@@ -149,12 +156,15 @@
     @top-left {
       content: none;
     }
+
     @top-left-corner {
       content: none;
     }
+
     @top-right {
       content: none;
     }
+
     @top-center {
       content: none;
     }
@@ -195,6 +205,7 @@
   font-size: var(--sign-size);
   color: var(--sign-color);
   letter-spacing: var(--sign-spacing);
+  font-family: var(--sign-family);
   line-height: var(--sign-baseline);
   padding-left: 1ch;
   width: calc(var(--unit) + var(--sub-unit));

maquette-tests/assets/css/blockquote.css

@@ -35,6 +35,7 @@ blockquote p::before{
   font-size: var(--sign-size);
      color: var(--sign-color);
      letter-spacing: var(--sign-spacing);
+     font-family: var(--sign-family);
      line-height: var(--sign-baseline);
      word-break: break-all;
      width: calc(var(--unit)*0.5 + 4px);

maquette-tests/assets/css/running-page.css

@@ -3,6 +3,7 @@
     font-size: var(--sign-size);
       color: var(--sign-color);
       letter-spacing: var(--sign-spacing);
+      font-family: var(--sign-family);
       line-height: var(--sign-baseline);
       vertical-align: top;
       padding-top: var(--running-bottom);

maquette-tests/assets/css/subtitles.css

@@ -2,6 +2,7 @@ h3, h4{
     break-after: avoid;
 }
 h3, h4{
+    font-family: var(--sign-family);
     font-weight: normal;
    margin-top: calc(var(--baseline)*1.5);
     margin-bottom: calc(var(--baseline)*1);
@@ -29,9 +30,6 @@ h3, h4{
     justify-content: flex-end;
 }
 
-.subtitle-before{
-    padding-right: 0.75ch;
-}
 
 .subtitle-after{
     padding-left: 0.75ch;
@@ -49,6 +47,7 @@ h3, h4{
      font-size: var(--sign-size);
      color: var(--sign-color);
      letter-spacing: var(--sign-spacing);
+     font-family: var(--sign-family);
      line-height: var(--sign-baseline);
      position: absolute;     
 }

maquette-tests/assets/css/text.css

@@ -18,6 +18,7 @@ p::before {
     font-size: var(--sign-size);
     color: var(--sign-color);
     letter-spacing: var(--sign-spacing);
+    font-family: var(--sign-family);
     line-height: var(--sign-baseline);
     position: relative;
     top: -3px;
@@ -62,5 +63,6 @@ p::before {
     font-size: var(--sign-size);
     color: var(--sign-color);
     letter-spacing: var(--sign-spacing);
+    font-family: var(--sign-family);
     line-height: var(--sign-baseline);
 }

maquette-tests/assets/fonts/Teletext/stylesheet.css

@@ -2,20 +2,20 @@
 @font-face {
     font-family: 'Teletext';
     src: url('MODE7GX0.TTF') format('truetype');
-    font-weight: 100;
+    font-weight: normal;
     font-style: normal;
     font-display: swap;
 }
 
-@font-face {
+/* @font-face {
     font-family: 'Teletext';
     src: url('MODE7GX1.TTF') format('truetype');
-    font-weight: 200;
+    font-weight: normal;
     font-style: normal;
     font-display: swap;
-}
+} */
 
-@font-face {
+/* @font-face {
     font-family: 'Teletext';
     src: url('MODE7GX2.TTF') format('truetype');
     font-weight: 300;
@@ -37,4 +37,4 @@
     font-weight: 500;
     font-style: normal;
     font-display: swap;
-}
+} */