Mirror
/
programmingfonts
mirror of https://github.com/braver/programmingfonts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improve base typography

This commit is contained in:
Koen Lageveen 2017-01-05 22:57:03 +01:00
parent 685e8de966
commit 063e29945e
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -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,