Add Barlow as main site font.

This commit is contained in:
Sage Vaillancourt 2022-09-30 00:37:52 -04:00
parent f31d8a7c21
commit fb2ca4722b
3 changed files with 25 additions and 7 deletions

Binary file not shown.

Binary file not shown.

View File

@ -1,3 +1,13 @@
@font-face {
font-family: 'Barlow';
src: url('/static/fonts/Barlow-Regular.ttf');
}
@font-face {
font-family: 'BarlowMedium';
src: url('/static/fonts/Barlow-Medium.ttf');
}
html { html {
height: 100%; height: 100%;
} }
@ -39,15 +49,21 @@ h1:hover span.logo.right {
body { body {
background-color: #f0f0f0; background-color: #f0f0f0;
line-height: 200%; line-height: 180%;
font-size: 110%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: sans-serif; font-family: 'Barlow', sans-serif;
}
strong {
font-family: 'BarlowMedium', sans-serif;
} }
h1, h2 { h1, h2 {
font-family: 'BarlowMedium', sans-serif;
text-align: center; text-align: center;
} }
@ -67,10 +83,11 @@ h2 {
} }
label { label {
font-family: /*'Source Sans Pro', TODO: Host or link this */ sans-serif; font-family: 'Barlow', /*'Source Sans Pro', TODO: Host or link this */ sans-serif;
/* font-weight: bold; Re-enable with above font */ /* font-weight: bold; Re-enable with above font */
font-size: 100%; font-size: 100%;
color: #777; font-weight: 500;
color: #505050;
padding: 0.15em 0.5em; padding: 0.15em 0.5em;
transition-property: color, background-color; transition-property: color, background-color;
transition-duration: 135ms; transition-duration: 135ms;
@ -83,7 +100,7 @@ label:hover {
} }
input, textarea { input, textarea {
font-family: sans-serif; font-family: 'Barlow', sans-serif;
} }
select { select {
@ -203,7 +220,7 @@ textarea {
.wipe { .wipe {
padding: 10px 25px; padding: 10px 25px;
font-family: "Roboto", sans-serif; font-family: 'Barlow', "Roboto", sans-serif;
font-weight: 500; font-weight: 500;
background: black; background: black;
outline: none !important; outline: none !important;
@ -254,8 +271,9 @@ textarea {
line-height: 100%; line-height: 100%;
} }
input { input {
font-size: 150%; font-size: 115%;
width: 100%; width: 100%;
padding: 0.3em;
} }
.letter-form { .letter-form {
width: 100%; width: 100%;