Browse Source

Change font to system fonts

master
Schneider 7 years ago
parent
commit
d546f6f96a
  1. 31
      static/css/style.css

31
static/css/style.css

@ -51,7 +51,9 @@ margin-bottom: 20px;
html, body { height: 100%; } html, body { height: 100%; }
body { body {
font:16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
/*font:16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
color: #666; color: #666;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -101,7 +103,7 @@ h2 {
font-weight: 300; font-weight: 300;
color: #aaa; color: #aaa;
margin-top: 10px; margin-top: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal; font-style: normal;
} }
@ -227,19 +229,20 @@ em, i { font-style: italic; }
.post h1 { .post h1 {
margin-bottom: 20px; margin-bottom: 20px;
color: #222; color: #222;
font: 300 32px/1.4em "Helvetica Neue", Helvetica,Arial,sans-serif;
font-weight: 300;
font-size: 200%;
} }
.post h2 { .post h2 {
margin-bottom: 40px; margin-bottom: 40px;
font: 300 24px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;
font: 300 24px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #111; color: #111;
} }
.post h2.headline { .post h2.headline {
/*font: italic 22px/1.3em Georgia,serif;*/ /*font: italic 22px/1.3em Georgia,serif;*/
font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
font: normal 13px/1.5em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: -5px 0 40px 0; margin: -5px 0 40px 0;
color: #b2b9be; color: #b2b9be;
font-size: 13px; font-size: 13px;
@ -250,7 +253,7 @@ em, i { font-style: italic; }
} }
#post-list h2 { #post-list h2 {
font: normal 17px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
font: normal 17px/1.5em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #aaa; color: #aaa;
max-width: 400px; max-width: 400px;
margin-top: 2px; margin-top: 2px;
@ -392,14 +395,14 @@ Post List
#post-list a { #post-list a {
color: #333; color: #333;
display: block; display: block;
font: bold 19px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
font: bold 19px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} }
#post-list .dates { #post-list .dates {
float: right; float: right;
position: relative; position: relative;
top: 1px; top: 1px;
font: 300 17px/1.8 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 300 17px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #bbb; color: #bbb;
} }
@ -541,7 +544,7 @@ h1.archive {
h2.month { h2.month {
width: 100%; width: 100%;
font: bold 13px/1 "Helvetica Neue",helvetica,Arial,sans-serif;
font: bold 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase; text-transform: uppercase;
margin-top: 40px; margin-top: 40px;
margin-bottom: 10px; margin-bottom: 10px;
@ -555,7 +558,7 @@ h2.month {
#archive-list a { #archive-list a {
display: block; display: block;
font: bold 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
font: bold 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #333; color: #333;
} }
@ -563,7 +566,7 @@ h2.month {
float: right; float: right;
position: relative; position: relative;
top: 1px; top: 1px;
font: 300 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 300 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #bbb; color: #bbb;
} }
@ -583,12 +586,12 @@ h2.month {
#post-list.archive.readmore h3{ #post-list.archive.readmore h3{
font: 400 20px "Helvetica Neue", Helvetica,Arial,sans-serif;
font: 400 20px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin-bottom: 30px; margin-bottom: 30px;
} }
#post-list.archive.readmore a{ #post-list.archive.readmore a{
font: 400 16px/1.6 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 400 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #5694f1; color: #5694f1;
} }
@ -597,7 +600,7 @@ h2.month {
} }
#post-list.archive.readmore .dates{ #post-list.archive.readmore .dates{
font: 300 16px/1.6 "Helvetica Neue",helvetica,Arial,sans-serif;
font: 300 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} }
#sharing a.facebook { #sharing a.facebook {
background: #4361b3; background: #4361b3;

Loading…
Cancel
Save