From ec568a35d7bade3e746d7207b4be52fc40f7a391 Mon Sep 17 00:00:00 2001 From: Akshay Date: Sun, 26 Jan 2020 00:11:53 +0530 Subject: enable cool font features --- docs/style.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) (limited to 'docs') diff --git a/docs/style.css b/docs/style.css index 9cd22c9..1311413 100644 --- a/docs/style.css +++ b/docs/style.css @@ -15,8 +15,15 @@ --dark-white: #eeeeee; } +body { font-family: 'Inter', sans-serif; } +@supports (font-variation-settings: normal) { + body { + font-family: 'Inter var', sans-serif; + font-feature-settings: 'ss01' 1, 'ss02' 1, 'kern' 1, 'liga' 1; + } +} + body { - font-family: 'Inter', sans-serif; background-color: var(--white); color: var(--black); padding: 0; @@ -75,6 +82,7 @@ hr { } .date { + font-feature-settings: 'ss01' 1, 'zero' 1; font-weight: 400; font-size: 0.8rem; color: var(--light-black); @@ -112,9 +120,8 @@ a, a:hover, a:visited, a:active { } .post-link, .post-link:hover, .post-link:visited, .post-link:active { - color: var(--black); !important - font-family: 'Inter', sans-serif; - font-weight: 700; + color: var(--black); + font-weight: 650; font-size: 1.1rem; text-decoration: none; } @@ -122,7 +129,7 @@ a, a:hover, a:visited, a:active { .post-end-link, .post-end-link:hover, .post-end-link:visited, .post-end-link:active { text-decoration: none; - color: var(--light-black); + color: var(--black); text-shadow: none; font-size: 0.8rem; } -- cgit v1.2.3