From 12b41df69ad0bb3e2697071d55e9023026a0c59a Mon Sep 17 00:00:00 2001 From: lonkaars Date: Fri, 26 Mar 2021 20:59:39 +0100 Subject: added fonts --- pages/_app.tsx | 9 +- public/font/font.css | 115 +++++++++++++++++++++ public/font/inter/Inter-Bold.woff | Bin 0 -> 143100 bytes public/font/inter/Inter-Bold.woff2 | Bin 0 -> 106052 bytes public/font/inter/Inter-BoldItalic.woff | Bin 0 -> 149808 bytes public/font/inter/Inter-BoldItalic.woff2 | Bin 0 -> 111644 bytes public/font/inter/Inter-Italic.woff | Bin 0 -> 143188 bytes public/font/inter/Inter-Italic.woff2 | Bin 0 -> 106604 bytes public/font/inter/Inter-Medium.woff | Bin 0 -> 142340 bytes public/font/inter/Inter-Medium.woff2 | Bin 0 -> 105500 bytes public/font/inter/Inter-MediumItalic.woff | Bin 0 -> 149704 bytes public/font/inter/Inter-MediumItalic.woff2 | Bin 0 -> 111968 bytes public/font/inter/Inter-Regular.woff | Bin 0 -> 133856 bytes public/font/inter/Inter-Regular.woff2 | Bin 0 -> 98804 bytes public/font/inter/Inter-SemiBold.woff | Bin 0 -> 142760 bytes public/font/inter/Inter-SemiBold.woff2 | Bin 0 -> 105992 bytes public/font/inter/Inter-SemiBoldItalic.woff | Bin 0 -> 149776 bytes public/font/inter/Inter-SemiBoldItalic.woff2 | Bin 0 -> 111676 bytes public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 | Bin 0 -> 59436 bytes .../jetbrainsmono/JetBrainsMono-BoldItalic.woff2 | Bin 0 -> 61992 bytes .../font/jetbrainsmono/JetBrainsMono-Italic.woff2 | Bin 0 -> 60864 bytes .../font/jetbrainsmono/JetBrainsMono-Medium.woff2 | Bin 0 -> 59232 bytes .../jetbrainsmono/JetBrainsMono-MediumItalic.woff2 | Bin 0 -> 62208 bytes .../font/jetbrainsmono/JetBrainsMono-Regular.woff2 | Bin 0 -> 58268 bytes styles/globals.css | 4 + 25 files changed, 127 insertions(+), 1 deletion(-) create mode 100644 public/font/font.css create mode 100644 public/font/inter/Inter-Bold.woff create mode 100644 public/font/inter/Inter-Bold.woff2 create mode 100644 public/font/inter/Inter-BoldItalic.woff create mode 100644 public/font/inter/Inter-BoldItalic.woff2 create mode 100644 public/font/inter/Inter-Italic.woff create mode 100644 public/font/inter/Inter-Italic.woff2 create mode 100644 public/font/inter/Inter-Medium.woff create mode 100644 public/font/inter/Inter-Medium.woff2 create mode 100644 public/font/inter/Inter-MediumItalic.woff create mode 100644 public/font/inter/Inter-MediumItalic.woff2 create mode 100644 public/font/inter/Inter-Regular.woff create mode 100644 public/font/inter/Inter-Regular.woff2 create mode 100644 public/font/inter/Inter-SemiBold.woff create mode 100644 public/font/inter/Inter-SemiBold.woff2 create mode 100644 public/font/inter/Inter-SemiBoldItalic.woff create mode 100644 public/font/inter/Inter-SemiBoldItalic.woff2 create mode 100644 public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 create mode 100644 public/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 create mode 100644 public/font/jetbrainsmono/JetBrainsMono-Italic.woff2 create mode 100644 public/font/jetbrainsmono/JetBrainsMono-Medium.woff2 create mode 100644 public/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 create mode 100644 public/font/jetbrainsmono/JetBrainsMono-Regular.woff2 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 + return
+ + + + +
} 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 new file mode 100644 index 0000000..80f70f0 Binary files /dev/null and b/public/font/inter/Inter-Bold.woff differ diff --git a/public/font/inter/Inter-Bold.woff2 b/public/font/inter/Inter-Bold.woff2 new file mode 100644 index 0000000..622e5f1 Binary files /dev/null and b/public/font/inter/Inter-Bold.woff2 differ diff --git a/public/font/inter/Inter-BoldItalic.woff b/public/font/inter/Inter-BoldItalic.woff new file mode 100644 index 0000000..03238dd Binary files /dev/null and b/public/font/inter/Inter-BoldItalic.woff differ diff --git a/public/font/inter/Inter-BoldItalic.woff2 b/public/font/inter/Inter-BoldItalic.woff2 new file mode 100644 index 0000000..1b2dafb Binary files /dev/null and b/public/font/inter/Inter-BoldItalic.woff2 differ diff --git a/public/font/inter/Inter-Italic.woff b/public/font/inter/Inter-Italic.woff new file mode 100644 index 0000000..9c21aed Binary files /dev/null and b/public/font/inter/Inter-Italic.woff differ diff --git a/public/font/inter/Inter-Italic.woff2 b/public/font/inter/Inter-Italic.woff2 new file mode 100644 index 0000000..734944b Binary files /dev/null and b/public/font/inter/Inter-Italic.woff2 differ diff --git a/public/font/inter/Inter-Medium.woff b/public/font/inter/Inter-Medium.woff new file mode 100644 index 0000000..1d50f80 Binary files /dev/null and b/public/font/inter/Inter-Medium.woff differ diff --git a/public/font/inter/Inter-Medium.woff2 b/public/font/inter/Inter-Medium.woff2 new file mode 100644 index 0000000..ffb4206 Binary files /dev/null and b/public/font/inter/Inter-Medium.woff2 differ diff --git a/public/font/inter/Inter-MediumItalic.woff b/public/font/inter/Inter-MediumItalic.woff new file mode 100644 index 0000000..9eb5b9d Binary files /dev/null and b/public/font/inter/Inter-MediumItalic.woff differ diff --git a/public/font/inter/Inter-MediumItalic.woff2 b/public/font/inter/Inter-MediumItalic.woff2 new file mode 100644 index 0000000..ebee655 Binary files /dev/null and b/public/font/inter/Inter-MediumItalic.woff2 differ diff --git a/public/font/inter/Inter-Regular.woff b/public/font/inter/Inter-Regular.woff new file mode 100644 index 0000000..7cb4990 Binary files /dev/null and b/public/font/inter/Inter-Regular.woff differ diff --git a/public/font/inter/Inter-Regular.woff2 b/public/font/inter/Inter-Regular.woff2 new file mode 100644 index 0000000..66691b8 Binary files /dev/null and b/public/font/inter/Inter-Regular.woff2 differ diff --git a/public/font/inter/Inter-SemiBold.woff b/public/font/inter/Inter-SemiBold.woff new file mode 100644 index 0000000..490bd9d Binary files /dev/null and b/public/font/inter/Inter-SemiBold.woff differ diff --git a/public/font/inter/Inter-SemiBold.woff2 b/public/font/inter/Inter-SemiBold.woff2 new file mode 100644 index 0000000..9fd7726 Binary files /dev/null and b/public/font/inter/Inter-SemiBold.woff2 differ diff --git a/public/font/inter/Inter-SemiBoldItalic.woff b/public/font/inter/Inter-SemiBoldItalic.woff new file mode 100644 index 0000000..839fc3d Binary files /dev/null and b/public/font/inter/Inter-SemiBoldItalic.woff differ diff --git a/public/font/inter/Inter-SemiBoldItalic.woff2 b/public/font/inter/Inter-SemiBoldItalic.woff2 new file mode 100644 index 0000000..2492569 Binary files /dev/null and b/public/font/inter/Inter-SemiBoldItalic.woff2 differ diff --git a/public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 new file mode 100644 index 0000000..07fe5d7 Binary files /dev/null and b/public/font/jetbrainsmono/JetBrainsMono-Bold.woff2 differ diff --git a/public/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 b/public/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 new file mode 100644 index 0000000..57263ef Binary files /dev/null and b/public/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 differ diff --git a/public/font/jetbrainsmono/JetBrainsMono-Italic.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Italic.woff2 new file mode 100644 index 0000000..cf9e8ef Binary files /dev/null and b/public/font/jetbrainsmono/JetBrainsMono-Italic.woff2 differ diff --git a/public/font/jetbrainsmono/JetBrainsMono-Medium.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Medium.woff2 new file mode 100644 index 0000000..b4d9438 Binary files /dev/null and b/public/font/jetbrainsmono/JetBrainsMono-Medium.woff2 differ diff --git a/public/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 b/public/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 new file mode 100644 index 0000000..3ac249b Binary files /dev/null and b/public/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 differ diff --git a/public/font/jetbrainsmono/JetBrainsMono-Regular.woff2 b/public/font/jetbrainsmono/JetBrainsMono-Regular.woff2 new file mode 100644 index 0000000..cc9a1ae Binary files /dev/null and b/public/font/jetbrainsmono/JetBrainsMono-Regular.woff2 differ 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); } -- cgit v1.2.3