workaround for adhook--text outlining. webkit text stroke broken sinc…

…e 2022 on this font, had to use text shadow. see google/fonts#4212
DimitriKOBASSIAN · May 30, 2024 · 58762f2 · 58762f2
1 parent d0be351
commit 58762f2
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/styles/Adhook.scss b/src/styles/Adhook.scss
@@ -24,4 +24,16 @@
         border-radius: inherit;
         z-index: 0;
 }
+
+    &--title {
+        color : white;
+        font-size: 48px;
+        font-weight: 700;
+        text-align: center;
+        z-index: 1;
+        text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,
+    -1px 1px 0 #000, 1px 1px 0 #000;
+        -webkit-filter: drop-shadow(5px 5px 1px black);
+        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+    }
 }