From 104b97df63c9ba1c78013d8124faec1cd2fcf1ff Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 16:43:07 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A4=20Added=20font-face=20declarations?=
 =?UTF-8?q?=20=F0=9F=8E=A8=20Defined=20font=20faces=20for=20various=20styl?=
 =?UTF-8?q?es=20=F0=9F=93=9D=20Configured=20fonts=20for=20different=20them?=
 =?UTF-8?q?es=20=F0=9F=91=80=20Ready=20for=20typography=20enhancements=20?=
 =?UTF-8?q?=F0=9F=9A=80=20Commencing=20font=20integration?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/__theme_font.scss | 162 +++++++++++++++++++++++++++++++++++
 1 file changed, 162 insertions(+)
 create mode 100644 src/styles/__theme_font.scss

diff --git a/src/styles/__theme_font.scss b/src/styles/__theme_font.scss
new file mode 100644
index 0000000..2394cd5
--- /dev/null
+++ b/src/styles/__theme_font.scss
@@ -0,0 +1,162 @@
+// FONT FACE --INTER
+@font-face {
+  font-family: Inter;
+  font-weight: 300;
+  src: url("../fonts/Inter/static/Inter-Light.ttf");
+}
+@font-face {
+  font-family: Inter;
+  font-weight: 400;
+  src: url("../fonts/Inter/static/Inter-Regular.ttf");
+}
+@font-face {
+  font-family: Inter;
+  font-weight: 500;
+  src: url("../fonts/Inter/static/Inter-Medium.ttf");
+}
+@font-face {
+  font-family: Inter;
+  font-weight: 600;
+  src: url("../fonts/Inter/static/Inter-SemiBold.ttf");
+}
+@font-face {
+  font-family: Inter;
+  font-weight: 700;
+  src: url("../fonts/Inter/static/Inter-Bold.ttf");
+}
+
+// POPPINS
+@font-face {
+  font-family: Poppins;
+  font-weight: 300;
+  src: url("../fonts/Poppins/Poppins-Light.ttf");
+}
+@font-face {
+  font-family: Poppins;
+  font-weight: 400;
+  src: url("../fonts/Poppins/Poppins-Regular.ttf");
+}
+@font-face {
+  font-family: Poppins;
+  font-weight: 500;
+  src: url("../fonts/Poppins/Poppins-Medium.ttf");
+}
+@font-face {
+  font-family: Poppins;
+  font-weight: 600;
+  src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
+}
+@font-face {
+  font-family: Poppins;
+  font-weight: 700;
+  src: url("../fonts/Poppins/Poppins-Bold.ttf");
+}
+
+//
+// FONT FACE --MerriweatherSans
+@font-face {
+  font-family: MerriweatherSans;
+  font-weight: 300;
+  src: url("../fonts/Merriweather_Sans/static/MerriweatherSans-Light.ttf");
+}
+@font-face {
+  font-family: MerriweatherSans;
+  font-weight: 400;
+  src: url("../fonts/Merriweather_Sans/static/MerriweatherSans-Regular.ttf");
+}
+@font-face {
+  font-family: MerriweatherSans;
+  font-weight: 500;
+  src: url("../fonts/Merriweather_Sans/static/MerriweatherSans-Medium.ttf");
+}
+@font-face {
+  font-family: MerriweatherSans;
+  font-weight: 600;
+  src: url("../fonts/Merriweather_Sans/static/MerriweatherSans-SemiBold.ttf");
+}
+@font-face {
+  font-family: MerriweatherSans;
+  font-weight: 700;
+  src: url("../fonts/Merriweather_Sans/static/MerriweatherSans-Bold.ttf");
+}
+//
+// FONT FACE --Kodchasan
+@font-face {
+  font-family: Kodchasan;
+  font-weight: 300;
+  src: url("../fonts/Kodchasan/Kodchasan-Light.ttf");
+}
+@font-face {
+  font-family: Kodchasan;
+  font-weight: 400;
+  src: url("../fonts/Kodchasan/Kodchasan-Regular.ttf");
+}
+@font-face {
+  font-family: Kodchasan;
+  font-weight: 500;
+  src: url("../fonts/Kodchasan/Kodchasan-Medium.ttf");
+}
+@font-face {
+  font-family: Kodchasan;
+  font-weight: 600;
+  src: url("../fonts/Kodchasan/Kodchasan-SemiBold.ttf");
+}
+@font-face {
+  font-family: Kodchasan;
+  font-weight: 700;
+  src: url("../fonts/Kodchasan/Kodchasan-Bold.ttf");
+}
+
+// FONT FACE --BeVietnam
+@font-face {
+  font-family: BeVietnam;
+  font-weight: 300;
+  src: url("../fonts/Be_Vietnam/BeVietnam-Light.ttf");
+}
+@font-face {
+  font-family: BeVietnam;
+  font-weight: 400;
+  src: url("../fonts/Be_Vietnam/BeVietnam-Regular.ttf");
+}
+@font-face {
+  font-family: BeVietnam;
+  font-weight: 500;
+  src: url("../fonts/Be_Vietnam/BeVietnam-Medium.ttf");
+}
+@font-face {
+  font-family: BeVietnam;
+  font-weight: 600;
+  src: url("../fonts/Be_Vietnam/BeVietnam-SemiBold.ttf");
+}
+@font-face {
+  font-family: BeVietnam;
+  font-weight: 700;
+  src: url("../fonts/Be_Vietnam/BeVietnam-Bold.ttf");
+}
+
+//
+html body {
+  @apply font-body antialiased;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  @apply font-display;
+}
+
+:root {
+  --font-display: Poppins;
+  --font-body: Poppins;
+}
+
+.theme-animals {
+  --font-display: Inter;
+  --font-body: Inter;
+}
+
+.theme-astronomy {
+  --font-display: BeVietnam;
+  --font-body: BeVietnam;
+}