diff --git a/index.html b/index.html index 2fc088df..7ae5cffa 100644 --- a/index.html +++ b/index.html @@ -132,9 +132,7 @@ media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/splash_screens/8.3__iPad_Mini_portrait.png"> - - - + diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 08b24f68..0915ddf0 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -4,9 +4,12 @@ html, body { - @apply bg-background-main font-open-sans text-type-text; + @apply bg-background-main font-hack text-type-text; min-height: 100vh; min-height: 100dvh; + font-size: 0.97em; + letter-spacing: 0.01em; + word-spacing: -0.12em; } html[data-full], diff --git a/src/assets/web-fonts/fonts/hack-bold-subset.woff b/src/assets/web-fonts/fonts/hack-bold-subset.woff new file mode 100644 index 00000000..a47c8aa7 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bold-subset.woff differ diff --git a/src/assets/web-fonts/fonts/hack-bold-subset.woff2 b/src/assets/web-fonts/fonts/hack-bold-subset.woff2 new file mode 100644 index 00000000..93d425ef Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bold-subset.woff2 differ diff --git a/src/assets/web-fonts/fonts/hack-bold.woff b/src/assets/web-fonts/fonts/hack-bold.woff new file mode 100644 index 00000000..368b913d Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bold.woff differ diff --git a/src/assets/web-fonts/fonts/hack-bold.woff2 b/src/assets/web-fonts/fonts/hack-bold.woff2 new file mode 100644 index 00000000..1155477e Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bold.woff2 differ diff --git a/src/assets/web-fonts/fonts/hack-bolditalic-subset.woff b/src/assets/web-fonts/fonts/hack-bolditalic-subset.woff new file mode 100644 index 00000000..0da47505 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bolditalic-subset.woff differ diff --git a/src/assets/web-fonts/fonts/hack-bolditalic-subset.woff2 b/src/assets/web-fonts/fonts/hack-bolditalic-subset.woff2 new file mode 100644 index 00000000..236b7de7 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bolditalic-subset.woff2 differ diff --git a/src/assets/web-fonts/fonts/hack-bolditalic.woff b/src/assets/web-fonts/fonts/hack-bolditalic.woff new file mode 100644 index 00000000..ce87fe25 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bolditalic.woff differ diff --git a/src/assets/web-fonts/fonts/hack-bolditalic.woff2 b/src/assets/web-fonts/fonts/hack-bolditalic.woff2 new file mode 100644 index 00000000..46ff1c42 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-bolditalic.woff2 differ diff --git a/src/assets/web-fonts/fonts/hack-italic-subset.woff b/src/assets/web-fonts/fonts/hack-italic-subset.woff new file mode 100644 index 00000000..1d1f5113 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-italic-subset.woff differ diff --git a/src/assets/web-fonts/fonts/hack-italic-subset.woff2 b/src/assets/web-fonts/fonts/hack-italic-subset.woff2 new file mode 100644 index 00000000..b6f5fc97 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-italic-subset.woff2 differ diff --git a/src/assets/web-fonts/fonts/hack-italic.woff b/src/assets/web-fonts/fonts/hack-italic.woff new file mode 100644 index 00000000..bd545e45 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-italic.woff differ diff --git a/src/assets/web-fonts/fonts/hack-italic.woff2 b/src/assets/web-fonts/fonts/hack-italic.woff2 new file mode 100644 index 00000000..1e7630ce Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-italic.woff2 differ diff --git a/src/assets/web-fonts/fonts/hack-regular-subset.woff b/src/assets/web-fonts/fonts/hack-regular-subset.woff new file mode 100644 index 00000000..85583a52 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-regular-subset.woff differ diff --git a/src/assets/web-fonts/fonts/hack-regular-subset.woff2 b/src/assets/web-fonts/fonts/hack-regular-subset.woff2 new file mode 100644 index 00000000..1e3abb96 Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-regular-subset.woff2 differ diff --git a/src/assets/web-fonts/fonts/hack-regular.woff b/src/assets/web-fonts/fonts/hack-regular.woff new file mode 100644 index 00000000..e835381e Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-regular.woff differ diff --git a/src/assets/web-fonts/fonts/hack-regular.woff2 b/src/assets/web-fonts/fonts/hack-regular.woff2 new file mode 100644 index 00000000..524465cf Binary files /dev/null and b/src/assets/web-fonts/fonts/hack-regular.woff2 differ diff --git a/src/assets/web-fonts/hack-subset.css b/src/assets/web-fonts/hack-subset.css new file mode 100644 index 00000000..20ba2453 --- /dev/null +++ b/src/assets/web-fonts/hack-subset.css @@ -0,0 +1,34 @@ +/*! + * Hack typeface https://github.com/source-foundry/Hack + * License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md + */ +/* FONT PATHS + * -------------------------- */ +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-regular-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-regular-subset.woff?sha=3114f1256') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bold-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bold-subset.woff?sha=3114f1256') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-italic-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-italic-webfont.woff?sha=3114f1256') format('woff'); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bolditalic-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bolditalic-subset.woff?sha=3114f1256') format('woff'); + font-weight: 700; + font-style: italic; +} + diff --git a/src/assets/web-fonts/hack-subset.css.in b/src/assets/web-fonts/hack-subset.css.in new file mode 100644 index 00000000..b8f3885f --- /dev/null +++ b/src/assets/web-fonts/hack-subset.css.in @@ -0,0 +1,34 @@ +/*! + * Hack typeface https://github.com/source-foundry/Hack + * License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md + */ +/* FONT PATHS + * -------------------------- */ +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-regular-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-regular-subset.woff?sha={{ ink }}') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bold-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bold-subset.woff?sha={{ ink }}') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-italic-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-italic-webfont.woff?sha={{ ink }}') format('woff'); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bolditalic-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bolditalic-subset.woff?sha={{ ink }}') format('woff'); + font-weight: 700; + font-style: italic; +} + diff --git a/src/assets/web-fonts/hack.css b/src/assets/web-fonts/hack.css new file mode 100644 index 00000000..df17027e --- /dev/null +++ b/src/assets/web-fonts/hack.css @@ -0,0 +1,34 @@ +/*! + * Hack typeface https://github.com/source-foundry/Hack + * License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md + */ +/* FONT PATHS + * -------------------------- */ +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-regular.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-regular.woff?sha=3114f1256') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bold.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bold.woff?sha=3114f1256') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-italic.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-italic.woff?sha=3114f1256') format('woff'); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bolditalic.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bolditalic.woff?sha=3114f1256') format('woff'); + font-weight: 700; + font-style: italic; +} + diff --git a/src/assets/web-fonts/hack.css.in b/src/assets/web-fonts/hack.css.in new file mode 100644 index 00000000..8b9f2dd1 --- /dev/null +++ b/src/assets/web-fonts/hack.css.in @@ -0,0 +1,34 @@ +/*! + * Hack typeface https://github.com/source-foundry/Hack + * License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md + */ +/* FONT PATHS + * -------------------------- */ +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-regular.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-regular.woff?sha={{ ink }}') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bold.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bold.woff?sha={{ ink }}') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-italic.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-italic.woff?sha={{ ink }}') format('woff'); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: 'Hack'; + src: url('fonts/hack-bolditalic.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bolditalic.woff?sha={{ ink }}') format('woff'); + font-weight: 700; + font-style: italic; +} + diff --git a/tailwind.config.ts b/tailwind.config.ts index 913a59fd..defc4700 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -16,7 +16,7 @@ const config: Config = { /* fonts */ fontFamily: { - "open-sans": "'Open Sans'", + "hack": "'Hack'", }, /* animations */