From cf72be0b4cf1ce72b1f2e4e388f39aa0d33394d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jind=C5=99ich=20B=C3=A4r?= <jindrichbar@gmail.com>
Date: Fri, 31 May 2024 15:19:30 +0200
Subject: [PATCH] fix: split the `@font-face` rule to make it valid

---
 apify-docs-theme/src/theme/custom.css | 83 +++++++++++++++++++++++++--
 1 file changed, 79 insertions(+), 4 deletions(-)

diff --git a/apify-docs-theme/src/theme/custom.css b/apify-docs-theme/src/theme/custom.css
index 1ff5d199e2..bdacb4c83e 100644
--- a/apify-docs-theme/src/theme/custom.css
+++ b/apify-docs-theme/src/theme/custom.css
@@ -340,11 +340,86 @@ body {
 }
 
 @font-face {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
-        'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
-        'Helvetica Neue', sans-serif;
+    font-family: -apple-system;
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: BlinkMacSystemFont;
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Segoe UI';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Oxygen';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Ubuntu';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Cantarell';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Fira Sans';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Droid Sans';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Helvetica Neue';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Lota Grotesque';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: sans-serif;
     src: url('/font/lota.woff2') format('woff2'),
-        url('/font/lota.woff') format('woff');
+    url('/font/lota.woff') format('woff');
     font-weight: 600;
 }