From ad2b62cfc84af058da583e3e3ca66299a2032ee4 Mon Sep 17 00:00:00 2001 From: westtle <103447524+westtle@users.noreply.github.com> Date: Wed, 14 Feb 2024 11:08:26 +0700 Subject: [PATCH] moved @font-face to fonts.css --- assets/styles/fonts.css | 25 +++++++++++++++++++++++++ assets/styles/global.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/global.css b/assets/styles/global.css index 8a4f4da..e82b1e3 100644 --- a/assets/styles/global.css +++ b/assets/styles/global.css @@ -1,29 +1,3 @@ -@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"); -} - :root { /* Fonts */ --font-roboto: Roboto, sans-serif; diff --git a/index.html b/index.html index c85ebbd..831bfb3 100644 --- a/index.html +++ b/index.html @@ -48,6 +48,7 @@ +