Merge pull request 'Use shared Kosmos font' (#7) from feature/fonts into master

Reviewed-on: #7
This commit is contained in:
Râu Cao 2021-02-25 15:27:36 +00:00
commit 31fcbb3ccd
2 changed files with 5 additions and 8 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,11 +46,10 @@ 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;
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;
@ -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;
}