diff --git a/assets/css/fonts.css b/assets/css/fonts.css index 127c387..782405f 100755 --- a/assets/css/fonts.css +++ b/assets/css/fonts.css @@ -1,16 +1,8 @@ @font-face { - font-family: "Roboto Mono"; - ascent-override: 100%; - font-weight: 400; - size-adjust: 105%; - font-stretch: 97.5% 112.5%; - src: local("Roboto Mono Regular"), url("/assets/fonts/roboto-mono-regular.woff2") format("woff2"); -} - -@font-face { - font-family: "Roboto Mono"; - ascent-override: 100%; - size-adjust: 95%; - font-weight: 800; - src: local("Roboto Mono Bold"), url("/assets/fonts/roboto-mono-bold.woff2") format("woff2"); + font-family: "Roboto Mono"; + src: + url("/assets/fonts/roboto-mono.woff2") format("woff2 supports variations"), + url("/assets/fonts/roboto-mono.woff2") format("woff2-variations") + ; + font-weight: 100 900; } \ No newline at end of file diff --git a/assets/css/pages/index.css b/assets/css/pages/index.css index d67f6de..f1f6e6c 100755 --- a/assets/css/pages/index.css +++ b/assets/css/pages/index.css @@ -152,12 +152,20 @@ splash::after { .menu menu li:hover { opacity: 1; + font-weight: 100; text-shadow: 0 0 10px rgba(var(--primer-color-accent), .4); } button.email:hover { background-color: transparent; } + + /* enable font-weight hover animation */ + @media not (prefers-reduced-motion: reduce) { + .menu menu li { + transition: 200ms opacity, 200ms color, 300ms font-weight; + } + } } /* # Size quries */ diff --git a/assets/fonts/roboto-mono-bold.woff2 b/assets/fonts/roboto-mono-bold.woff2 deleted file mode 100755 index 1b7b9bb..0000000 Binary files a/assets/fonts/roboto-mono-bold.woff2 and /dev/null differ diff --git a/assets/fonts/roboto-mono-regular.woff2 b/assets/fonts/roboto-mono-regular.woff2 deleted file mode 100755 index 0ab4f8b..0000000 Binary files a/assets/fonts/roboto-mono-regular.woff2 and /dev/null differ diff --git a/assets/fonts/roboto-mono.woff2 b/assets/fonts/roboto-mono.woff2 new file mode 100644 index 0000000..26e996b Binary files /dev/null and b/assets/fonts/roboto-mono.woff2 differ