diff --git a/static/css/main.css b/static/css/main.css index f311fa1..9d90333 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -7,26 +7,36 @@ } @font-face { - font-family: Jost; - src: url("/fonts/Jost-Regular.ttf"); + font-family: Inter; + font-weight: 300; + src: url("/fonts/Inter-Light.ttf"); } @font-face { - font-family: Jost; + font-family: Inter; + font-weight: 400; + src: url("/fonts/Inter-Regular.ttf"); +} + +@font-face { + font-family: Inter; font-weight: 700; - src: url("/fonts/Jost-Bold.ttf"); + src: url("/fonts/Inter-Bold.ttf"); } html { background-color: rgb(var(--light-primary-color)); color: var(--light-text-color); - font-family: "Jost", sans-serif; - font-weight: 400; - letter-spacing: 0.5px; + font-family: "Inter", sans-serif; + font-size: 16.5px; min-height: 100%; position: relative; } +b, strong { + font-weight: bold; +} + body { margin-bottom: 170px; } @@ -54,7 +64,6 @@ img { .header { background-color: rgba(var(--light-primary-color), 0.95); color: inherit; - font-size: 1.2rem; height: 50px; left: 0; position: fixed; @@ -102,7 +111,7 @@ img { } .nav-links .nav-link { display: inline-block; - padding: 0 4px; + padding: 0 2px; } .nav-links .nav-link a { display: block; @@ -173,6 +182,7 @@ a:hover .feather-sun { .footer span { display: block; font-size: 0.9rem; + font-weight: 300; padding: 1px 0; } @@ -251,7 +261,7 @@ code { } pre code { - font-size: 1em; + font-size: 0.9em; } blockquote { @@ -268,7 +278,6 @@ hr { table { border-collapse: collapse; - font-size: 1.05rem; margin: 30px 0; text-align: left; display: block; @@ -330,11 +339,8 @@ table td { } /* SINGLE */ -main#content .post { - font-size: 1.2rem; -} .post [role="doc-subtitle"] { - font-size: 1.2rem; + font-size: 1.1em; font-style: italic; } .post .post-date { @@ -343,6 +349,8 @@ main#content .post { .post .post-content { line-height: 1.7; margin-top: 50px; + font-weight: 300; + letter-spacing: 0.015em; } /* LIST */ @@ -363,7 +371,6 @@ main#content .post { display: inline-block; } .post-title .post-link { - font-size: 1.2rem; width: 80%; } .tags-list .post-tags { @@ -432,10 +439,6 @@ main#content .post { width: auto; } - main#content .post { - font-size: 1.05rem; - } - .home-about { margin: 0 auto; } diff --git a/static/fonts/Inter-Bold.ttf b/static/fonts/Inter-Bold.ttf new file mode 100644 index 0000000..e98b84c Binary files /dev/null and b/static/fonts/Inter-Bold.ttf differ diff --git a/static/fonts/Inter-Light.ttf b/static/fonts/Inter-Light.ttf new file mode 100644 index 0000000..a5f0736 Binary files /dev/null and b/static/fonts/Inter-Light.ttf differ diff --git a/static/fonts/Inter-Regular.ttf b/static/fonts/Inter-Regular.ttf new file mode 100644 index 0000000..96fd6a1 Binary files /dev/null and b/static/fonts/Inter-Regular.ttf differ diff --git a/static/fonts/Jost-Bold.ttf b/static/fonts/Jost-Bold.ttf deleted file mode 100644 index f291dd5..0000000 Binary files a/static/fonts/Jost-Bold.ttf and /dev/null differ diff --git a/static/fonts/Jost-Regular.ttf b/static/fonts/Jost-Regular.ttf deleted file mode 100644 index 5ec5625..0000000 Binary files a/static/fonts/Jost-Regular.ttf and /dev/null differ