From eb7d89c2098de3f8f75f7cd95433fca260ce516c Mon Sep 17 00:00:00 2001
From: westtle <103447524+westtle@users.noreply.github.com>
Date: Sun, 11 Feb 2024 21:19:59 +0700
Subject: [PATCH] added different css file for @font-face
---
assets/styles/fonts.css | 25 +++++++++++++++++++++++++
assets/styles/style.css | 26 --------------------------
index.html | 1 +
3 files changed, 26 insertions(+), 26 deletions(-)
create mode 100644 assets/styles/fonts.css
diff --git a/assets/styles/fonts.css b/assets/styles/fonts.css
new file mode 100644
index 0000000..2fc42bc
--- /dev/null
+++ b/assets/styles/fonts.css
@@ -0,0 +1,25 @@
+@font-face {
+ font-display: swap;
+ font-family: Roboto;
+ font-style: normal;
+ font-weight: 400;
+ src: url("../fonts/roboto/roboto-400.eot");
+ src: url("../fonts/roboto/roboto-400.eot?#iefix") format("embedded-opentype"),
+ url("../fonts/roboto/roboto-400.woff2") format("woff2"),
+ url("../fonts/roboto/roboto-400.woff") format("woff"),
+ url("../fonts/roboto/roboto-400.ttf") format("truetype"),
+ url("../fonts/roboto/roboto-400.svg#Roboto") format("svg");
+}
+
+@font-face {
+ font-display: swap;
+ font-family: "Roboto Slab";
+ font-style: normal;
+ font-weight: 500;
+ src: url("../fonts/roboto-slab/roboto-slab-500");
+ src: url("../fonts/roboto-slab/roboto-slab-500?#iefix") format("embedded-opentype"),
+ url("../fonts/roboto-slab/roboto-slab-500.woff2") format("woff2"),
+ url("../fonts/roboto-slab/roboto-slab-500.woff") format("woff"),
+ url("../fonts/roboto-slab/roboto-slab-500.ttf") format("truetype"),
+ url("../fonts/roboto-slab/roboto-slab-500.svg#RobotoSlab") format("svg");
+}
\ No newline at end of file
diff --git a/assets/styles/style.css b/assets/styles/style.css
index 3d2d8c4..5883aeb 100644
--- a/assets/styles/style.css
+++ b/assets/styles/style.css
@@ -1,29 +1,3 @@
-@font-face {
- font-family: Roboto;
- font-display: swap;
- font-style: normal;
- font-weight: 400;
- src: url("../fonts/roboto/roboto-400.eot");
- src: url("../fonts/roboto/roboto-400.eot?#iefix") format("embedded-opentype"),
- url("../fonts/roboto/roboto-400.woff2") format("woff2"),
- url("../fonts/roboto/roboto-400.woff") format("woff"),
- url("../fonts/roboto/roboto-400.ttf") format("truetype"),
- url("../fonts/roboto/roboto-400.svg#Roboto") format("svg");
-}
-
-@font-face {
- font-family: "Roboto Slab";
- font-display: swap;
- font-style: normal;
- font-weight: 500;
- src: url("../fonts/roboto-slab/roboto-slab-500");
- src: url("../fonts/roboto-slab/roboto-slab-500?#iefix") format("embedded-opentype"),
- url("../fonts/roboto-slab/roboto-slab-500.woff2") format("woff2"),
- url("../fonts/roboto-slab/roboto-slab-500.woff") format("woff"),
- url("../fonts/roboto-slab/roboto-slab-500.ttf") format("truetype"),
- url("../fonts/roboto-slab/roboto-slab-500.svg#RobotoSlab") format("svg");
-}
-
:root {
/* Fonts */
--font-roboto: Roboto, sans-serif;
diff --git a/index.html b/index.html
index 5f75db3..460b5bb 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,7 @@
+