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

Use shared Kosmos font

Browse Source 
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
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">

7
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,7 +46,6 @@ 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;
@ -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;
} }