From a26bcacde8f855a6f59caf97831c5d9dfd052e1d Mon Sep 17 00:00:00 2001 From: Marco Kaiser Date: Sun, 17 Nov 2024 06:40:38 +0100 Subject: [PATCH 1/2] style: Remove unnecessary `.woff` file type Info: WOFF2 is supported in all major browsers since 2016 --- css/style.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/css/style.css b/css/style.css index e2ade45..57c7405 100644 --- a/css/style.css +++ b/css/style.css @@ -1,11 +1,10 @@ @font-face { -/* +/* Note: The font files are not included in this repository due to legal restrictions. For more information, please refer to the README.md file located in the 'fonts' directory. */ font-family: 'Departure Mono'; - src: url('../fonts/DepartureMono-Regular.woff2') format('woff2'), - url('../fonts/DepartureMono-Regular.woff') format('woff'); + src: url('../fonts/DepartureMono-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; @@ -540,4 +539,4 @@ a { a:hover { text-decoration: none; color: var(--cyber-secondary-color); -} \ No newline at end of file +} From cb7f54ce0bd08b52b94c793fbadbb215e9dd8877 Mon Sep 17 00:00:00 2001 From: Marco Kaiser Date: Sun, 17 Nov 2024 06:44:30 +0100 Subject: [PATCH 2/2] fix: Add missing fallback - Change font family for input and button to inherit to reduce duplication and make code more maintainable --- css/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 57c7405..e671a70 100644 --- a/css/style.css +++ b/css/style.css @@ -29,7 +29,7 @@ } body { - font-family: 'Departure Mono'; + font-family: 'Departure Mono', monospace; font-size: 18px; line-height: 1.75; background-color: var(--cyber-bg-color); @@ -98,7 +98,7 @@ main { } input[type="text"] { - font-family: 'Departure Mono'; + font-family: inherit; width: calc(100% - 20px); padding: 10px; border: 2px solid var(--cyber-primary-color); @@ -150,7 +150,7 @@ input[type="text"]:focus { /* Buttons */ button { - font-family: 'Departure Mono'; + font-family: inherit; padding: 10px 20px; border-radius: 5px; background-color: var(--cyber-bg-color);