Use shared Kosmos font

Also improves sizing and line-height of body text a bit.
This commit is contained in:
Basti 2021-02-25 14:42:14 +01:00
parent ba68765363
commit ccf7bd8ee8
Signed by untrusted user: basti
GPG Key ID: 9F88009D31D99C72
2 changed files with 4 additions and 7 deletions

View File

@ -4,8 +4,8 @@
<meta charset="utf-8">
<title>Kosmos</title>
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<link rel="stylesheet" href="/styles/style.css" />
<link href='https://fonts.googleapis.com/css?family=Raleway:700|Abel' rel='stylesheet' type='text/css'>
<link href="/styles/style.css" rel="stylesheet" />
<link href='https://assets.kosmos.org/fonts/open-sans/open-sans.css' rel='stylesheet'>
</head>
<body>
<div id="wrapper">

View File

@ -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;
}