diff --git a/index.html b/index.html index b822ee43..7f593388 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + 비트 diff --git a/src/styles/fonts/fonts.css b/src/styles/fonts/fonts.css new file mode 100644 index 00000000..eeead492 --- /dev/null +++ b/src/styles/fonts/fonts.css @@ -0,0 +1,145 @@ +@font-face { + font-weight: 100; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff2") format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff") format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 200; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff2") + format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff") + format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 300; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff2") + format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff") format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 400; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2") + format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff") + format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 500; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2") + format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff") format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 600; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2") + format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff") + format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 700; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2") format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff") format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 800; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff2") + format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff") + format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.ttf") + format("truetype"); + font-display: swap; +} + +@font-face { + font-weight: 900; + font-family: Pretendard; + font-style: normal; + src: url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot"); + src: + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix") + format("embedded-opentype"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff2") + format("woff2"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff") format("woff"), + url("https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf") + format("truetype"); + font-display: swap; +}