mirror of
https://github.com/braver/programmingfonts.git
synced 2024-09-30 07:11:35 +02:00
improve base typography
This commit is contained in:
parent
685e8de966
commit
063e29945e
21
index.html
21
index.html
@ -74,7 +74,7 @@
|
|||||||
<!-- Compiled (using less on node) with "lessc fonts.less > stylesheet.css" -->
|
<!-- Compiled (using less on node) with "lessc fonts.less > stylesheet.css" -->
|
||||||
<link rel="stylesheet" href="fonts/stylesheets/stylesheet.css">
|
<link rel="stylesheet" href="fonts/stylesheets/stylesheet.css">
|
||||||
<link href="//cloud.webtype.com/css/7e544c5e-55dc-4b41-a8d3-c13f7e0a13d3.css" rel="stylesheet" type="text/css" />
|
<link href="//cloud.webtype.com/css/7e544c5e-55dc-4b41-a8d3-c13f7e0a13d3.css" rel="stylesheet" type="text/css" />
|
||||||
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Poppins:300,500' rel='stylesheet' type='text/css'>
|
||||||
|
|
||||||
<!-- Google/Typekit Web Font Loader: https://github.com/typekit/webfontloader -->
|
<!-- Google/Typekit Web Font Loader: https://github.com/typekit/webfontloader -->
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.5.6/webfont.js"></script>
|
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.5.6/webfont.js"></script>
|
||||||
@ -89,22 +89,25 @@
|
|||||||
body {
|
body {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #222;
|
background: #222;
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
line-height: 2;
|
line-height: 1.6;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-weight: bold;
|
font-weight: 500;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 1em 0 0 0;
|
||||||
}
|
}
|
||||||
h1 + p {
|
h1 + p {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: 0 0 1em 0;
|
padding: 0 0 2em 0;
|
||||||
margin-top: -.5em;
|
}
|
||||||
|
p {
|
||||||
|
padding: 0 0 .5em 0;
|
||||||
}
|
}
|
||||||
article {
|
article {
|
||||||
float: left;
|
float: left;
|
||||||
@ -121,7 +124,7 @@
|
|||||||
#font-info p {
|
#font-info p {
|
||||||
display: none;
|
display: none;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: 0 0 1rem 0;
|
padding: 0 0 2em 0;
|
||||||
}
|
}
|
||||||
a,
|
a,
|
||||||
a:link,
|
a:link,
|
||||||
|
Loading…
Reference in New Issue
Block a user