diff --git a/assets/fonts/otf/manrope-bold.otf b/assets/fonts/otf/manrope-bold.otf new file mode 100644 index 0000000..c5bc096 Binary files /dev/null and b/assets/fonts/otf/manrope-bold.otf differ diff --git a/assets/fonts/variable/Manrope[wght].ttf b/assets/fonts/variable/Manrope[wght].ttf new file mode 100644 index 0000000..9c9a74a Binary files /dev/null and b/assets/fonts/variable/Manrope[wght].ttf differ diff --git a/assets/fonts/web/manrope-bold.woff2 b/assets/fonts/web/manrope-bold.woff2 new file mode 100644 index 0000000..280f478 Binary files /dev/null and b/assets/fonts/web/manrope-bold.woff2 differ diff --git a/assets/index.css b/assets/index.css index 066849f..0612e42 100644 --- a/assets/index.css +++ b/assets/index.css @@ -1,9 +1,30 @@ +@charset "UTF-8"; +@font-face { + font-family: "Manrope VF"; + src: url("/assets/fonts/variable/Manrope%5Bwght%5D.ttf") + format("truetype-variations"); + font-style: normal; + font-weight: 200 800; +} + +@font-face { + font-family: "Manrope"; + src: url("/assets/fonts/web/manrope-bold.woff2") format("woff2"), + url("/assets/fonts/otf/manrope-bold.otf") format("opentype"); + font-style: normal; + font-weight: 700; +} + body { align-items: center; background: var(--bg-color); color: var(--text-color); - font-family: "Manrope", sans-serif; + font-family: "Manrope VF", Manrope, sans-serif; font-feature-settings: "calt", "liga"; + font-size: 64px; + font-variation-ligatures: normal; + font-variation-settings: "wght" 500; + font-weight: 700; margin: 0%; max-width: 100vw; overflow-x: hidden; @@ -54,8 +75,11 @@ body { .footer a { color: var(--text-color) !important; - font-family: "Manrope", sans-serif; - font-weight: bold; + font-family: "Manrope VF", Manrope, sans-serif; + font-feature-settings: "calt", "liga"; + font-variation-ligatures: normal; + font-variation-settings: "wght" 500; + font-weight: 700; text-decoration: none; } diff --git a/assets/index.html b/assets/index.html index 36b548f..ba9fc34 100644 --- a/assets/index.html +++ b/assets/index.html @@ -10,15 +10,11 @@ href="https://fonts.googleapis.com/css?family=Asap|Asap+Condensed&display=swap" rel="stylesheet" /> - - + @@ -39,7 +35,7 @@

Work.

-