diff --git a/styles/fonts.scss b/styles/fonts.scss deleted file mode 100644 index 648b719..0000000 --- a/styles/fonts.scss +++ /dev/null @@ -1,179 +0,0 @@ -@font-face { - font-family: Poppins-Italic; - src: url("/fonts/Poppins-Italic.woff2") format("woff2"), - url("/fonts/Poppins-Italic.woff") format("woff"), - url("/fonts/Poppins-Italic.ttf") format("truetype"); - font-weight: normal; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Light-Italic; - src: url("/fonts/Poppins-LightItalic.woff2") format("woff2"), - url("/fonts/Poppins-LightItalic.woff") format("woff"), - url("/fonts/Poppins-LightItalic.ttf") format("truetype"); - font-weight: 300; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-SemiBold; - src: url("/fonts/Poppins-SemiBold.woff2") format("woff2"), - url("/fonts/Poppins-SemiBold.woff") format("woff"), - url("/fonts/Poppins-SemiBold.ttf") format("truetype"); - font-weight: 600; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins-Thin; - src: url("/fonts/Poppins-Thin.woff2") format("woff2"), - url("/fonts/Poppins-Thin.woff") format("woff"), - url("/fonts/Poppins-Thin.ttf") format("truetype"); - font-weight: 100; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins-Medium-Italic; - src: url("/fonts/Poppins-MediumItalic.woff2") format("woff2"), - url("/fonts/Poppins-MediumItalic.woff") format("woff"), - url("/fonts/Poppins-MediumItalic.ttf") format("truetype"); - font-weight: 500; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Regular; - src: url("/fonts/Poppins-Regular.woff2") format("woff2"), - url("/fonts/Poppins-Regular.woff") format("woff"), - url("/fonts/Poppins-Regular.ttf") format("truetype"); - font-weight: normal; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins-Extra-Bold-Italic; - src: url("/fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"), - url("/fonts/Poppins-ExtraBoldItalic.woff") format("woff"), - url("/fonts/Poppins-ExtraBoldItalic.ttf") format("truetype"); - font-weight: bold; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Extra-Light-Italic; - src: url("/fonts/Poppins-ExtraLightItalic.woff2") format("woff2"), - url("/fonts/Poppins-ExtraLightItalic.woff") format("woff"), - url("/fonts/Poppins-ExtraLightItalic.ttf") format("truetype"); - font-weight: 200; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Light; - src: url("/fonts/Poppins-Light.woff2") format("woff2"), - url("/fonts/Poppins-Light.woff") format("woff"), - url("/fonts/Poppins-Light.ttf") format("truetype"); - font-weight: 300; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins-Medium; - src: url("/fonts/Poppins-Medium.woff2") format("woff2"), - url("/fonts/Poppins-Medium.woff") format("woff"), - url("/fonts/Poppins-Medium.ttf") format("truetype"); - font-weight: 500; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins-Semi-Bold-Italic; - src: url("/fonts/Poppins-SemiBoldItalic.woff2") format("woff2"), - url("/fonts/Poppins-SemiBoldItalic.woff") format("woff"), - url("/fonts/Poppins-SemiBoldItalic.ttf") format("truetype"); - font-weight: 600; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Extra-Light; - src: url("/fonts/Poppins-ExtraLight.woff2") format("woff2"), - url("/fonts/Poppins-ExtraLight.woff") format("woff"), - url("/fonts/Poppins-ExtraLight.ttf") format("truetype"); - font-weight: 200; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins-Thin-Italic; - src: url("/fonts/Poppins-ThinItalic.woff2") format("woff2"), - url("/fonts/Poppins-ThinItalic.woff") format("woff"), - url("/fonts/Poppins-ThinItalic.ttf") format("truetype"); - font-weight: 100; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Black; - src: url("/fonts/Poppins-Black.woff2") format("woff2"), - url("/fonts/Poppins-Black.woff") format("woff"), - url("/fonts/Poppins-Black.ttf") format("truetype"); - font-weight: 900; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins; - src: url("/fonts/Poppins-BoldItalic.woff2") format("woff2"), - url("/fonts/Poppins-BoldItalic.woff") format("woff"), - url("/fonts/Poppins-BoldItalic.ttf") format("truetype"); - font-weight: bold; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Bold; - src: url("/fonts/Poppins-Bold.woff2") format("woff2"), - url("/fonts/Poppins-Bold.woff") format("woff"), - url("/fonts/Poppins-Bold.ttf") format("truetype"); - font-weight: bold; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: Poppins-Black-Italic; - src: url("/fonts/Poppins-BlackItalic.woff2") format("woff2"), - url("/fonts/Poppins-BlackItalic.woff") format("woff"), - url("/fonts/Poppins-BlackItalic.ttf") format("truetype"); - font-weight: 900; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: Poppins-Extra-Bold; - src: url("/fonts/Poppins-ExtraBold.woff2") format("woff2"), - url("/fonts/Poppins-ExtraBold.woff") format("woff"), - url("/fonts/Poppins-ExtraBold.ttf") format("truetype"); - font-weight: bold; - font-style: normal; - font-display: swap; -} diff --git a/styles/main.scss b/styles/main.scss index 6cc9b4b..182174d 100644 --- a/styles/main.scss +++ b/styles/main.scss @@ -1,2 +1,182 @@ @use "base/root" as *; @use "vendors/normalize" as *; + +@font-face { + font-family: Poppins-Italic; + src: url("/fonts/Poppins-Italic.woff2") format("woff2"), + url("/fonts/Poppins-Italic.woff") format("woff"), + url("/fonts/Poppins-Italic.ttf") format("truetype"); + font-weight: normal; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Light-Italic; + src: url("/fonts/Poppins-LightItalic.woff2") format("woff2"), + url("/fonts/Poppins-LightItalic.woff") format("woff"), + url("/fonts/Poppins-LightItalic.ttf") format("truetype"); + font-weight: 300; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-SemiBold; + src: url("/fonts/Poppins-SemiBold.woff2") format("woff2"), + url("/fonts/Poppins-SemiBold.woff") format("woff"), + url("/fonts/Poppins-SemiBold.ttf") format("truetype"); + font-weight: 600; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins-Thin; + src: url("/fonts/Poppins-Thin.woff2") format("woff2"), + url("/fonts/Poppins-Thin.woff") format("woff"), + url("/fonts/Poppins-Thin.ttf") format("truetype"); + font-weight: 100; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins-Medium-Italic; + src: url("/fonts/Poppins-MediumItalic.woff2") format("woff2"), + url("/fonts/Poppins-MediumItalic.woff") format("woff"), + url("/fonts/Poppins-MediumItalic.ttf") format("truetype"); + font-weight: 500; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Regular; + src: url("/fonts/Poppins-Regular.woff2") format("woff2"), + url("/fonts/Poppins-Regular.woff") format("woff"), + url("/fonts/Poppins-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins-Extra-Bold-Italic; + src: url("/fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"), + url("/fonts/Poppins-ExtraBoldItalic.woff") format("woff"), + url("/fonts/Poppins-ExtraBoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Extra-Light-Italic; + src: url("/fonts/Poppins-ExtraLightItalic.woff2") format("woff2"), + url("/fonts/Poppins-ExtraLightItalic.woff") format("woff"), + url("/fonts/Poppins-ExtraLightItalic.ttf") format("truetype"); + font-weight: 200; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Light; + src: url("/fonts/Poppins-Light.woff2") format("woff2"), + url("/fonts/Poppins-Light.woff") format("woff"), + url("/fonts/Poppins-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins-Medium; + src: url("/fonts/Poppins-Medium.woff2") format("woff2"), + url("/fonts/Poppins-Medium.woff") format("woff"), + url("/fonts/Poppins-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins-Semi-Bold-Italic; + src: url("/fonts/Poppins-SemiBoldItalic.woff2") format("woff2"), + url("/fonts/Poppins-SemiBoldItalic.woff") format("woff"), + url("/fonts/Poppins-SemiBoldItalic.ttf") format("truetype"); + font-weight: 600; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Extra-Light; + src: url("/fonts/Poppins-ExtraLight.woff2") format("woff2"), + url("/fonts/Poppins-ExtraLight.woff") format("woff"), + url("/fonts/Poppins-ExtraLight.ttf") format("truetype"); + font-weight: 200; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins-Thin-Italic; + src: url("/fonts/Poppins-ThinItalic.woff2") format("woff2"), + url("/fonts/Poppins-ThinItalic.woff") format("woff"), + url("/fonts/Poppins-ThinItalic.ttf") format("truetype"); + font-weight: 100; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Black; + src: url("/fonts/Poppins-Black.woff2") format("woff2"), + url("/fonts/Poppins-Black.woff") format("woff"), + url("/fonts/Poppins-Black.ttf") format("truetype"); + font-weight: 900; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins; + src: url("/fonts/Poppins-BoldItalic.woff2") format("woff2"), + url("/fonts/Poppins-BoldItalic.woff") format("woff"), + url("/fonts/Poppins-BoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Bold; + src: url("/fonts/Poppins-Bold.woff2") format("woff2"), + url("/fonts/Poppins-Bold.woff") format("woff"), + url("/fonts/Poppins-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: Poppins-Black-Italic; + src: url("/fonts/Poppins-BlackItalic.woff2") format("woff2"), + url("/fonts/Poppins-BlackItalic.woff") format("woff"), + url("/fonts/Poppins-BlackItalic.ttf") format("truetype"); + font-weight: 900; + font-style: italic; + font-display: swap; + } + + @font-face { + font-family: Poppins-Extra-Bold; + src: url("/fonts/Poppins-ExtraBold.woff2") format("woff2"), + url("/fonts/Poppins-ExtraBold.woff") format("woff"), + url("/fonts/Poppins-ExtraBold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; + font-display: swap; + }