From 7084d2e89ef74317e118f72e0cb149528b5debc8 Mon Sep 17 00:00:00 2001 From: Riku Rouvila Date: Tue, 22 Sep 2020 17:32:12 +0300 Subject: [PATCH] use Source Sans Pro and Lato + tune font sizes slightly --- pages/_app.tsx | 3 --- styles/_header.styl | 6 ++++-- styles/style.styl | 8 +++++--- 3 files changed, 9 insertions(+), 8 deletions(-) diff --git a/pages/_app.tsx b/pages/_app.tsx index 33cbdc3..cbb2275 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -35,9 +35,6 @@ function MyApp({ Component, pageProps }) { /> - diff --git a/styles/_header.styl b/styles/_header.styl index c067ab2..cbcf9cf 100644 --- a/styles/_header.styl +++ b/styles/_header.styl @@ -54,11 +54,13 @@ headerHeight = 400px .header__title color #fff display inline-block - font-size 3em + font-size 2.75em letter-spacing -1px - line-height 1.1 + line-height 1.4em margin auto max-width 780px + font-family 'Lato', sans-serif + font-weight 900 text-align center text-shadow 0 2px 0 rgba(#000, 0.1) vertical-align middle diff --git a/styles/style.styl b/styles/style.styl index 0631800..27928ab 100644 --- a/styles/style.styl +++ b/styles/style.styl @@ -1,3 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Source+Sans+Pro:wght@400;600;700&display=swap'); + linkColor = #3090de textColor = #444 feedWidth = 500px @@ -10,7 +12,7 @@ footerHeight = 50px body, html margin 0 - font 16px 'proxima-nova', 'Helvetica Neue', helvetica, arial, sans-serif + font 18px 'Source Sans Pro', 'Helvetica Neue', helvetica, arial, sans-serif height 100% width 100% font-weight 400 @@ -31,7 +33,7 @@ h3 p margin-top 1em - line-height 1.5em + line-height 1.75em font-size 16px a @@ -308,7 +310,7 @@ footer .message__body font-weight 400 - font-size 14px + font-size 15px line-height 1.4em .message__image