Use shared Kosmos font
Also improves sizing and line-height of body text a bit.
This commit is contained in:
parent
ba68765363
commit
ccf7bd8ee8
|
@ -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">
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue