feat: add variable font for roboto-mono (#43)

This commit is contained in:
Victor Westerlund 2024-07-07 10:37:31 +00:00 committed by GitHub
parent 99e9996e93
commit 903a14b3ae
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 14 additions and 14 deletions

View file

@ -1,16 +1,8 @@
@font-face { @font-face {
font-family: "Roboto Mono"; font-family: "Roboto Mono";
ascent-override: 100%; src:
font-weight: 400; url("/assets/fonts/roboto-mono.woff2") format("woff2 supports variations"),
size-adjust: 105%; url("/assets/fonts/roboto-mono.woff2") format("woff2-variations")
font-stretch: 97.5% 112.5%; ;
src: local("Roboto Mono Regular"), url("/assets/fonts/roboto-mono-regular.woff2") format("woff2"); font-weight: 100 900;
}
@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");
} }

View file

@ -152,12 +152,20 @@ splash::after {
.menu menu li:hover { .menu menu li:hover {
opacity: 1; opacity: 1;
font-weight: 100;
text-shadow: 0 0 10px rgba(var(--primer-color-accent), .4); text-shadow: 0 0 10px rgba(var(--primer-color-accent), .4);
} }
button.email:hover { button.email:hover {
background-color: transparent; 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 */ /* # Size quries */

Binary file not shown.

Binary file not shown.