From 87f7e717c84217766146cb1ae2689ddf106cc23a Mon Sep 17 00:00:00 2001 From: Tommi Date: Sat, 20 Mar 2021 13:10:36 +0100 Subject: [PATCH] remove assets.tommi.space dependencies --- _sass/_inter.scss | 200 ++++++++++++++++++++++++++++++++++++++++ _sass/_ubuntu-mono.scss | 33 +++++++ style.scss | 4 +- 3 files changed, 235 insertions(+), 2 deletions(-) create mode 100644 _sass/_inter.scss create mode 100644 _sass/_ubuntu-mono.scss diff --git a/_sass/_inter.scss b/_sass/_inter.scss new file mode 100644 index 0000000..adb5f5a --- /dev/null +++ b/_sass/_inter.scss @@ -0,0 +1,200 @@ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-Thin.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-Thin.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 100; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-ThinItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-ThinItalic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-ExtraLight.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-ExtraLight.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 200; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-ExtraLightItalic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-Light.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-Light.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-LightItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-LightItalic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-Regular.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/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("https://tommi.space/fonts/inter/Inter-Italic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/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("https://tommi.space/fonts/inter/Inter-Medium.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/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("https://tommi.space/fonts/inter/Inter-MediumItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/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("https://tommi.space/fonts/inter/Inter-SemiBold.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/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("https://tommi.space/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/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("https://tommi.space/fonts/inter/Inter-Bold.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/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("https://tommi.space/fonts/inter/Inter-BoldItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-BoldItalic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-ExtraBold.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-ExtraBold.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.15") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-Black.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-Black.woff?v=3.15") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url("https://tommi.space/fonts/inter/Inter-BlackItalic.woff2?v=3.15") format("woff2"), + url("https://tommi.space/fonts/inter/Inter-BlackItalic.woff?v=3.15") format("woff"); +} + +/* ------------------------------------------------------- +Variable font. +Usage: + + html { font-family: 'Inter', sans-serif; } + @supports (font-variation-settings: normal) { + html { font-family: 'Inter var', sans-serif; } + } +*/ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("https://tommi.space/fonts/inter/Inter-roman.var.woff2?v=3.15") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("https://tommi.space/fonts/inter/Inter-italic.var.woff2?v=3.15") format("woff2"); +} + + +/* -------------------------------------------------------------------------- +[EXPERIMENTAL] Multi-axis, single variable font. + +Slant axis is not yet widely supported (as of February 2019) and thus this +multi-axis single variable font is opt-in rather than the default. + +When using this, you will probably need to set font-variation-settings +explicitly, e.g. + + * { font-variation-settings: "slnt" 0deg } + .italic { font-variation-settings: "slnt" 10deg } + +*/ +@font-face { + font-family: 'Inter var experimental'; + font-weight: 100 900; + font-display: swap; + font-style: oblique 0deg 10deg; + src: url("https://tommi.space/fonts/inter/Inter.var.woff2?v=3.15") format("woff2"); +} diff --git a/_sass/_ubuntu-mono.scss b/_sass/_ubuntu-mono.scss new file mode 100644 index 0000000..bbe7d77 --- /dev/null +++ b/_sass/_ubuntu-mono.scss @@ -0,0 +1,33 @@ +@font-face { + font-family: 'Ubuntu Mono'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-Regular.woff2") format("woff2"), + url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-Regular.woff") format("woff"); +} +@font-face { + font-family: 'Ubuntu Mono'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-Italic.woff2") format("woff2"), + url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-Italic.woff") format("woff"); +} + +@font-face { + font-family: 'Ubuntu Mono'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-Bold.woff2") format("woff2"), + url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-Bold.woff") format("woff"); +} +@font-face { + font-family: 'Ubuntu Mono'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-BoldItalic.woff2") format("woff2"), + url("https://tommi.space/fonts/ubuntu-mono/UbuntuMono-BoldItalic.woff") format("woff"); +} diff --git a/style.scss b/style.scss index 9222fe2..65c88fa 100644 --- a/style.scss +++ b/style.scss @@ -4,8 +4,8 @@ /*@import "../_sass/search";*/ @import "../_sass/highlight"; @import "../_sass/nav"; -@import "{{ site.fonts }}/inter/inter.css"; -@import "{{ site.fonts }}/ubuntu-mono/ubuntu-mono.css"; +@import "../_sass/inter"; +@import "../_sass/ubuntu-mono"; :root { --black-ish: #222;