From ccf7bd8ee8e75df8457a408627ffa31a51c08e6c Mon Sep 17 00:00:00 2001 From: Sebastian Kippe Date: Thu, 25 Feb 2021 14:42:14 +0100 Subject: [PATCH 1/2] Use shared Kosmos font Also improves sizing and line-height of body text a bit. --- index.html | 4 ++-- styles/style.css | 7 ++----- 2 files changed, 4 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 0a32859..4dc243c 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,8 @@ Kosmos - - + +
diff --git a/styles/style.css b/styles/style.css index 4bcf9ca..5868ca0 100644 --- a/styles/style.css +++ b/styles/style.css @@ -16,8 +16,7 @@ body, html { body { background-color: #fff; color: #232323; - font-family: Abel; - font-size: 18px; + font-family: 'Open Sans'; text-rendering: optimizeLegibility; text-align: center; } @@ -47,7 +46,6 @@ header h1 { margin-bottom: 2rem; margin-right: -0.25em; /* fix trailing space from letter-spacing */ font-size: 7vw; - font-family: Raleway; font-weight: 700; letter-spacing: 0.5em; text-transform: uppercase; @@ -67,11 +65,10 @@ main { width: 768px; max-width: 90%; text-align: left; - font-size: 1.2rem; } main p { - line-height: 1.5em; + line-height: 1.6em; margin-bottom: 1em; } From 3055d4502ef8bd6ad6885d7a83274443b7b02801 Mon Sep 17 00:00:00 2001 From: Sebastian Kippe Date: Thu, 25 Feb 2021 14:43:43 +0100 Subject: [PATCH 2/2] Don't hide headline before background image is loaded --- styles/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/style.css b/styles/style.css index 5868ca0..961437e 100644 --- a/styles/style.css +++ b/styles/style.css @@ -49,7 +49,7 @@ header h1 { font-weight: 700; letter-spacing: 0.5em; text-transform: uppercase; - background: url(https://kredits.kosmos.org/img/bg-947d3bf6bb15a1a3b07afcba4c307690.jpg); + background: #232323 url(https://kredits.kosmos.org/img/bg-947d3bf6bb15a1a3b07afcba4c307690.jpg); background-size: cover; background-repeat: no-repeat; -webkit-text-fill-color: transparent;