Skip to content

Commit 5c25b1e

Browse files
committed
Update type
Signed-off-by: Kevin Suttle <kevin@suttle.email>
1 parent 392f916 commit 5c25b1e

File tree

4 files changed

+44
-35
lines changed

4 files changed

+44
-35
lines changed

_includes/banner.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
<header class="site-header" role="banner">
2-
<a class="home-link" href="/" title="Main page">KS</a>
3-
</header>
2+
<a class="home-link" href="/" title="Home">KS</a>
3+
</header>

_includes/head.html

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,8 @@
1414
{% endif %}
1515
</title>
1616

17-
</head>
17+
18+
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700" rel="stylesheet">
19+
<link rel="stylesheet" href="https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css">
20+
21+
</head>

_sass/_typography.scss

Lines changed: 34 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -3,38 +3,39 @@ html {
33
}
44

55
body {
6-
font-family: $body-font;
6+
font-family: $serif-font;
77
font-synthesis: none;
88
-moz-font-feature-settings: 'kern';
99
-moz-osx-font-smoothing: grayscale;
1010
direction: ltr;
1111
text-align: left;
12+
text-rendering: optimizeLegibility;
1213
}
1314

14-
h1 {
15-
font-size: $base-font-size * 1.75;
16-
}
15+
// h1 {
16+
// font-size: $base-font-size * 1.75;
17+
// }
1718

18-
h2 {
19-
font-size: $base-font-size * 1.5;
20-
font-weight: 600;
21-
}
19+
// h2 {
20+
// font-size: $base-font-size * 1.5;
21+
// font-weight: 600;
22+
// }
2223

23-
h3 {
24-
font-size: $base-font-size * 1.25;
25-
}
24+
// h3 {
25+
// font-size: $base-font-size * 1.25;
26+
// }
2627

27-
h4 {
28-
font-size: $base-font-size;
29-
}
28+
// h4 {
29+
// font-size: $base-font-size;
30+
// }
3031

31-
h5 {
32-
font-size: $base-font-size * 0.75;
33-
}
32+
// h5 {
33+
// font-size: $base-font-size * 0.75;
34+
// }
3435

35-
h6 {
36-
font-size: $base-font-size * 0.5;
37-
}
36+
// h6 {
37+
// font-size: $base-font-size * 0.5;
38+
// }
3839

3940
code,
4041
kbd,
@@ -56,7 +57,7 @@ blockquote {
5657
font-style: italic;
5758
margin: 0;
5859
font-weight: 200;
59-
font-family: $body-font;
60+
font-family: $serif-font;
6061
}
6162

6263
mark {
@@ -73,6 +74,7 @@ a:hover {
7374
}
7475

7576
.home-link {
77+
font-family: $sans-font;
7678
font-weight: 600;
7779
font-style: normal;
7880

@@ -82,17 +84,16 @@ a:hover {
8284
}
8385

8486
.article {
85-
font-family: $body-font;
86-
font-weight: 400;
87+
font-family: $serif-font;
8788
line-height: 1.6;
8889
font-size: $base-font-size;
8990

9091
h2, h3 {
91-
font-family: $body-font;
92+
font-family: $sans-font;
9293
line-height: 1.3;
9394
}
9495
h4 {
95-
font-family: $body-font;
96+
font-family: $sans-font;
9697
font-weight: 100;
9798
text-transform: uppercase;
9899
letter-spacing: 1px;
@@ -118,15 +119,15 @@ a:hover {
118119
line-height: 1.2;
119120
font-weight: 600;
120121
letter-spacing: normal;
121-
font-family: $body-font;
122+
font-family: $serif-font;
122123
overflow-x: hidden;
123124
margin-bottom: 1.1em;
124125
}
125126

126127
.article-permalink {
127-
font-family: $body-font;
128-
font-weight: 500;
129-
font-size: 1.15em;
128+
129+
font-weight: 600;
130+
// font-size: 1.15em;
130131
line-height: 1.35;
131132
}
132133

@@ -149,12 +150,14 @@ figcaption {
149150
}
150151

151152
.article-pubdate {
153+
font-family: $sans-font;
152154
text-transform: uppercase;
153155
font-size: .75em;
154-
font-weight: 500;
156+
font-weight: 600;
155157
}
156158

157159
.article-nav-label {
160+
font-family: $sans-font;
158161
font-weight: 300;
159162
}
160163

@@ -163,6 +166,7 @@ figcaption {
163166
}
164167

165168
.footer-module-heading {
169+
font-family: $sans-font;
166170
font-size: .75em;
167171
font-weight: normal;
168172
margin-bottom: .75em;

_sass/_variables.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,9 @@
22
$base-font-size: 14px;
33
$base-line-height: 1.5;
44

5-
$body-font: -apple-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Noto", "Droid Sans", "Open Sans", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
6-
$code-font: "SF Mono Regular", "Roboto Mono", "Noto Mono", "Droid Mono", "Monaco", "Inconsolata", "Ubuntu Mono", "Liberation Mono", monospace;
5+
$serif-font: "Merriweather", "Charter", "Cambria", "Noto Serif", "Droid Serif", "Georgia", serif;
6+
$sans-font: -apple-system-font, -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Noto Sans", "Noto", "Droid Sans", "Open Sans", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
7+
$code-font: "Fira Code", "SF Mono", "Roboto Mono", "Noto Mono", "Droid Mono", "Monaco", "Inconsolata", "Ubuntu Mono", "Liberation Mono", monospace;
78

89
// Colors
910
$page-bg-color: #fdfdfd;

0 commit comments

Comments
 (0)