diff --git a/assets/css/fonts/JetBrainsMono-Bold.woff2 b/assets/css/fonts/JetBrainsMono-Bold.woff2 new file mode 100644 index 0000000..4917f43 Binary files /dev/null and b/assets/css/fonts/JetBrainsMono-Bold.woff2 differ diff --git a/assets/css/fonts/JetBrainsMono-BoldItalic.woff2 b/assets/css/fonts/JetBrainsMono-BoldItalic.woff2 new file mode 100644 index 0000000..536d3f7 Binary files /dev/null and b/assets/css/fonts/JetBrainsMono-BoldItalic.woff2 differ diff --git a/assets/css/fonts/JetBrainsMono-Italic.woff2 b/assets/css/fonts/JetBrainsMono-Italic.woff2 new file mode 100644 index 0000000..d60c270 Binary files /dev/null and b/assets/css/fonts/JetBrainsMono-Italic.woff2 differ diff --git a/assets/css/fonts/JetBrainsMono-Light.woff2 b/assets/css/fonts/JetBrainsMono-Light.woff2 new file mode 100644 index 0000000..6538498 Binary files /dev/null and b/assets/css/fonts/JetBrainsMono-Light.woff2 differ diff --git a/assets/css/fonts/JetBrainsMono-LightItalic.woff2 b/assets/css/fonts/JetBrainsMono-LightItalic.woff2 new file mode 100644 index 0000000..66ca3d2 Binary files /dev/null and b/assets/css/fonts/JetBrainsMono-LightItalic.woff2 differ diff --git a/assets/css/fonts/JetBrainsMono-Regular.woff2 b/assets/css/fonts/JetBrainsMono-Regular.woff2 new file mode 100644 index 0000000..40da427 Binary files /dev/null and b/assets/css/fonts/JetBrainsMono-Regular.woff2 differ diff --git a/assets/css/fonts/fonts.css b/assets/css/fonts/fonts.css new file mode 100644 index 0000000..4eeb675 --- /dev/null +++ b/assets/css/fonts/fonts.css @@ -0,0 +1,46 @@ +@font-face { + font-family: 'JetBrains'; + font-weight: normal; + font-style: normal; + src: url('JetBrainsMono-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'JetBrains'; + font-weight: normal; + font-style: italic; + src: local('JetBrainsMono'), + url('JetBrainsMono-Italic.woff2') format('woff2'); +} + +@font-face { + font-family: 'JetBrains'; + font-weight: 200; + font-style: normal; + src: local('JetBrainsMono'), + url('JetBrainsMono-Light.woff2') format('woff2'); +} + +@font-face { + font-family: 'JetBrains'; + font-weight: 200; + font-style: italic; + src: local('JetBrainsMono'), + url('JetBrainsMono-LightItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'JetBrains'; + font-weight: bold; + font-style: normal; + src: local('JetBrainsMono'), + url('JetBrainsMono-Bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'JetBrains'; + font-weight: bold; + font-style: italic; + src: local('JetBrainsMono'), + url('JetBrainsMono-BoldItalic.woff2') format('woff2'); +} diff --git a/assets/css/main.css b/assets/css/main.css index cfffeda..717e94e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,5 +1,5 @@ /* PAGE STYLES */ -@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.206/distr/fira_code.css); +@import url('./fonts/fonts.css'); * { scroll-behavior: smooth; @@ -62,7 +62,7 @@ body.light { } body { - font-family: 'fira code', monospace; + font-family: 'JetBrains', 'fira code', monospace; color: var(--primary-colour); background-color: var(--bg-colour); } @@ -210,7 +210,7 @@ section.page h1 { @media screen and (min-width: 1360px) { body { font-size: 19px; - line-height: 24px; + line-height: 1.5em; margin: 0; padding: 0; }