diff options
author | lonkaars <l.leblansch@gmail.com> | 2021-03-26 20:59:39 +0100 |
---|---|---|
committer | lonkaars <l.leblansch@gmail.com> | 2021-03-26 20:59:39 +0100 |
commit | 12b41df69ad0bb3e2697071d55e9023026a0c59a (patch) | |
tree | 16309d9cad48f4212d995f4321ff98f06154a6a2 | |
parent | deb1bb57ae0d5c0766632d7255de4e478cbd4bb0 (diff) |
added fonts
25 files changed, 127 insertions, 1 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 07acb34..f0c16f4 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,9 +1,16 @@ +import Head from 'next/head'; + import '../styles/colors.css'; import '../styles/layout.css'; import '../styles/globals.css'; import '../styles/navbarItem.css'; export default function Blog({ Component, pageProps }) { - return <Component {...pageProps} /> + return <div> + <Head> + <link rel="stylesheet" href="/font/font.css"/> + </Head> + <Component {...pageProps} /> + </div> } diff --git a/public/font/font.css b/public/font/font.css new file mode 100644 index 0000000..61c9755 --- /dev/null +++ b/public/font/font.css @@ -0,0 +1,115 @@ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("./inter/Inter-Regular.woff2?v=3.15") format("woff2"), + url("./inter/Inter-Regular.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("./inter/Inter-Italic.woff2?v=3.15") format("woff2"), + url("./inter/Inter-Italic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("./inter/Inter-Medium.woff2?v=3.15") format("woff2"), + url("./inter/Inter-Medium.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url("./inter/Inter-MediumItalic.woff2?v=3.15") format("woff2"), + url("./inter/Inter-MediumItalic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("./inter/Inter-SemiBold.woff2?v=3.15") format("woff2"), + url("./inter/Inter-SemiBold.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url("./inter/Inter-SemiBoldItalic.woff2?v=3.15") format("woff2"), + url("./inter/Inter-SemiBoldItalic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("./inter/Inter-Bold.woff2?v=3.15") format("woff2"), + url("./inter/Inter-Bold.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("./inter/Inter-BoldItalic.woff2?v=3.15") format("woff2"), + url("./inter/Inter-BoldItalic.woff?v=3.15") format("woff"); +} + + + +@font-face { + font-family: 'JetBrainsMono'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("./jetbrainsmono/JetBrainsMono-Regular.woff2") format("woff2"); +} +@font-face { + font-family: 'JetBrainsMono'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("./jetbrainsmono/JetBrainsMono-Italic.woff2") format("woff2"); +} + +@font-face { + font-family: 'JetBrainsMono'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("./jetbrainsmono/JetBrainsMono-Medium.woff2") format("woff2"); +} +@font-face { + font-family: 'JetBrainsMono'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url("./jetbrainsmono/JetBrainsMono-MediumItalic.woff2") format("woff2"); +} + +@font-face { + font-family: 'JetBrainsMono'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("./jetbrainsmono/JetBrainsMono-Bold.woff2") format("woff2"); +} +@font-face { + font-family: 'JetBrainsMono'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("./jetbrainsmono/JetBrainsMono-BoldItalic.woff2") format("woff2"); +} + diff --git a/public/font/inter/Inter-Bold.woff b/public/font/inter/Inter-Bold.woff Binary files differnew file mode 100644 index 0000000..80f70f0 --- /dev/null +++ b/public/font/inter/Inter-Bold.woff diff --git a/public/font/inter/Inter-Bold.woff2 b/public/font/inter/Inter-Bold.woff2 Binary files differnew file mode 100644 index 0000000..622e5f1 --- /dev/null +++ b/public/font/inter/Inter-Bold.woff2 diff --git a/public/font/inter/Inter-BoldItalic.woff b/public/font/inter/Inter-BoldItalic.woff Binary files differnew file mode 100644 index 0000000..03238dd --- /dev/null +++ b/public/font/inter/Inter-BoldItalic.woff diff --git a/public/font/inter/Inter-BoldItalic.woff2 b/public/font/inter/Inter-BoldItalic.woff2 Binary files differnew file mode 100644 index 0000000..1b2dafb --- /dev/null +++ b/public/font/inter/Inter-BoldItalic.woff2 diff --git a/public/font/inter/Inter-Italic.woff b/public/font/inter/Inter-Italic.woff Binary files differnew file mode 100644 index 0000000..9c21aed --- /dev/null +++ b/public/font/inter/Inter-Italic.woff diff --git a/public/font/inter/Inter-Italic.woff2 b/public/font/inter/Inter-Italic.woff2 Binary files differnew file mode 100644 index 0000000..734944b --- /dev/null +++ b/public/font/inter/Inter-Italic.woff2 diff --git a/public/font/inter/Inter-Medium.woff b/public/font/inter/Inter-Medium.woff Binary files differnew file mode 100644 index 0000000..1d50f80 --- /dev/null +++ b/public/font/inter/Inter-Medium.woff diff --git a/public/font/inter/Inter-Medium.woff2 b/public/font/inter/Inter-Medium.woff2 Binary files differnew file mode 100644 index 0000000..ffb4206 --- /dev/null +++ b/public/font/inter/Inter-Medium.woff2 diff --git a/public/font/inter/Inter-MediumItalic.woff b/public/font/inter/Inter-MediumItalic.woff Binary files differnew file mode 100644 index 0000000..9eb5b9d --- /dev/null +++ b/public/font/inter/Inter-MediumItalic.woff diff --git a/public/font/inter/Inter-MediumItalic.woff2 b/public/font/inter/Inter-MediumItalic.woff2 Binary files differnew file mode 100644 index 0000000..ebee655 --- /dev/null +++ b/public/font/inter/Inter-MediumItalic.woff2 diff --git a/public/font/inter/Inter-Regular.woff b/public/font/inter/Inter-Regular.woff Binary files differnew file mode 100644 index 0000000..7cb4990 --- /dev/null +++ b/public/font/inter/Inter-Regular.woff diff --git a/public/font/inter/Inter-Regular.woff2 b/public/font/inter/Inter-Regular.woff2 Binary files differnew file mode 100644 index 0000000..66691b8 --- /dev/null +++ b/public/font/inter/Inter-Regular.woff2 diff --git a/public/font/inter/Inter-SemiBold.woff b/public/font/inter/Inter-SemiBold.woff Binary files differnew file mode 100644 index 0000000..490bd9d --- /dev/null +++ b/public/font/inter/Inter-SemiBold.woff diff --git a/public/font/inter/Inter-SemiBold.woff2 b/public/font/inter/Inter-SemiBold.woff2 Binary files differnew file mode 100644 index 0000000..9fd7726 --- /dev/null +++ b/public/font/inter/Inter-SemiBold.woff2 diff --git a/public/font/inter/Inter-SemiBoldItalic.woff b/public/font/inter/Inter-SemiBoldItalic.woff Binary files differnew file mode 100644 index 0000000..839fc3d --- /dev/null +++ b/public/font/inter/Inter-SemiBoldItalic.woff diff --git a/public/font/inter/Inter-SemiBoldItalic.woff2 b/public/font/inter/Inter-SemiBoldItalic.woff2 Binary files differnew file mode 100644 index 0000000..2492569 --- /dev/null +++ b/public/font/inter/Inter-SemiBoldItalic.woff2 diff --git a/public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 Binary files differnew file mode 100644 index 0000000..07fe5d7 --- /dev/null +++ b/public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 diff --git a/public/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 b/public/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 Binary files differnew file mode 100644 index 0000000..57263ef --- /dev/null +++ b/public/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 diff --git a/public/font/jetbrainsmono/JetBrainsMono-Italic.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Italic.woff2 Binary files differnew file mode 100644 index 0000000..cf9e8ef --- /dev/null +++ b/public/font/jetbrainsmono/JetBrainsMono-Italic.woff2 diff --git a/public/font/jetbrainsmono/JetBrainsMono-Medium.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Medium.woff2 Binary files differnew file mode 100644 index 0000000..b4d9438 --- /dev/null +++ b/public/font/jetbrainsmono/JetBrainsMono-Medium.woff2 diff --git a/public/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 b/public/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 Binary files differnew file mode 100644 index 0000000..3ac249b --- /dev/null +++ b/public/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 diff --git a/public/font/jetbrainsmono/JetBrainsMono-Regular.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Regular.woff2 Binary files differnew file mode 100644 index 0000000..cc9a1ae --- /dev/null +++ b/public/font/jetbrainsmono/JetBrainsMono-Regular.woff2 diff --git a/styles/globals.css b/styles/globals.css index 6c5bf7f..8b2f36d 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -4,8 +4,12 @@ html, body { background-color: var(--bg); color: var(--fg); + + font-family: "Inter", sans-serif; } +code { font-family: "JetBrainsMono", monospace; } + ::selection { background-color: var(--fire-opal); } |