web safe fonts (#496)

* web-safe-fonts initial commit

* updated contributors

* reduced headings font weight

* make release
This commit is contained in:
Peter Duchnovsky
2021-02-10 15:46:37 +01:00
committed by GitHub
parent 9bfd70ec83
commit c4afd5f51a
9 changed files with 17 additions and 20 deletions

View File

@@ -12,9 +12,9 @@ html {
body {
color: $fg-color;
background-color: $bg-color;
font-family: $text-font-family;
font-size: 1.6em;
font-weight: 300;
font-family: $font-family;
font-size: 1.8em;
font-weight: 400;
line-height: 1.8em;
@media only screen and (max-width : 768px) {
font-size: 1.6em;
@@ -23,7 +23,7 @@ body {
}
a {
font-weight: 300;
font-weight: 500;
color: $link-color;
text-decoration: none;
transition: all .25s ease-in;
@@ -43,10 +43,10 @@ h3,
h4,
h5,
h6 {
font-family: $heading-font-family;
font-weight: 700;
font-family: $font-family;
font-weight: 600;
color: $alt-fg-color;
margin: 6.4rem 0 3.2rem 0;
margin: 4rem 0 2.5rem 0;
&:hover .heading-link {
visibility: visible;

View File

@@ -102,7 +102,7 @@
font-size: 1.8rem;
flex:2;
color: $fg-color;
font-family: $heading-font-family;
font-family: $font-family;
font-weight: 700;
&:hover,
&:focus {

View File

@@ -1,7 +1,7 @@
.footer {
width: 100%;
text-align: center;
font-family: $heading-font-family;
font-size: 1.6rem;
line-height: 2.0rem;
margin-bottom:1.0rem;
a {

View File

@@ -3,9 +3,9 @@
width: 100%;
a, span {
display: inline;
font-size: 1.6rem;
font-family: $heading-font-family;
font-weight: 700;
font-size: 1.7rem;
font-family: $font-family;
font-weight: 600;
line-height: 6.0rem;
color: $fg-color;
}

View File

@@ -1,7 +1,7 @@
.pagination {
margin-top: 6.0rem;
text-align: center;
font-family: $heading-font-family;
font-family: $font-family;
li {
display: inline;
text-align: center;

View File

@@ -1,7 +1,6 @@
// Fonts
$text-font-family: Merriweather, Georgia, serif;
$heading-font-family: Lato, Helvetica, sans-serif;
$code-font-family: 'Source Code Pro', 'Lucida Console', monospace;
$font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
$code-font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
// Colors
$bg-color: #FAFAFA !default;