kosmos/website
kosmos/website
8
1
Fork 0
Code Issues Pull Requests Releases Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

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

9
styles/style.css
View File

@ -16,8 +16,7 @@ body, html {
body { body {
background-color: #fff; background-color: #fff;
color: #232323; color: #232323;
font-family: Abel; font-family: 'Open Sans';
font-size: 18px;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
text-align: center; text-align: center;
} }
@ -47,11 +46,10 @@ header h1 {
margin-bottom: 2rem; margin-bottom: 2rem;
margin-right: -0.25em; /* fix trailing space from letter-spacing */ margin-right: -0.25em; /* fix trailing space from letter-spacing */
font-size: 7vw; font-size: 7vw;
font-family: Raleway;
font-weight: 700; font-weight: 700;
letter-spacing: 0.5em; letter-spacing: 0.5em;
text-transform: uppercase; 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-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@ -67,11 +65,10 @@ main {
width: 768px; width: 768px;
max-width: 90%; max-width: 90%;
text-align: left; text-align: left;
font-size: 1.2rem;
} }
main p { main p {
line-height: 1.5em; line-height: 1.6em;
margin-bottom: 1em; margin-bottom: 1em;
} }