Skip to content

Commit cc5f2a2

Browse files
cotes2020cotes2020
committed
Optimized typography.
1 parent df37173 commit cc5f2a2

10 files changed

Lines changed: 51 additions & 346 deletions

File tree

‎_includes/panel.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
MIT License
77
-->
88

9-
<div id="panel-wrapper" class="col-xl-3 pl-2 topbar-down">
9+
<div id="panel-wrapper" class="col-xl-3 pl-2 text-muted topbar-down">
1010

1111
<div class="access">
1212
{% assign lastmod_list = "" | split: "" %}

‎_includes/post-sharing.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
-->
99

1010
<div class="share-wrapper">
11-
<span class="share-label mr-1">{{ site.data.share.label }}</span>
11+
<span class="share-label text-muted mr-1">{{ site.data.share.label }}</span>
1212
<span class="share-icons">
1313
{% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
1414
{% assign url = page.url | relative_url | prepend: site.url %}

‎_layouts/home.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ <h1>
1919
</p>
2020
</div>
2121

22-
<div class="post-meta text-muted pt-1">
22+
<div class="post-meta text-muted">
2323
<!-- posted date -->
2424
<i class="far fa-clock fa-fw"></i>
2525
<span class="timeago" data-toggle="tooltip" data-placement="bottom"

‎assets/css/_addon/fonts.scss‎

Lines changed: 3 additions & 307 deletions
Original file line numberDiff line numberDiff line change
@@ -1,312 +1,8 @@
11
/*
22
* The field 'font-display' is added for Google-fonts.
33
*
4-
* See https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900|Oswald|Lato
4+
* See: <https://fonts.google.com/>
55
*
66
*/
7-
/* latin-ext */
8-
@font-face {
9-
font-family: 'Lato';
10-
font-style: normal;
11-
font-weight: 400;
12-
font-display: swap;
13-
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
14-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
15-
}
16-
/* latin */
17-
@font-face {
18-
font-family: 'Lato';
19-
font-style: normal;
20-
font-weight: 400;
21-
font-display: swap;
22-
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
23-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
24-
}
25-
/* cyrillic */
26-
@font-face {
27-
font-family: 'Oswald';
28-
font-style: normal;
29-
font-weight: 400;
30-
font-display: swap;
31-
src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
32-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
33-
}
34-
/* vietnamese */
35-
@font-face {
36-
font-family: 'Oswald';
37-
font-style: normal;
38-
font-weight: 400;
39-
font-display: swap;
40-
src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
41-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
42-
}
43-
/* latin-ext */
44-
@font-face {
45-
font-family: 'Oswald';
46-
font-style: normal;
47-
font-weight: 400;
48-
font-display: swap;
49-
src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
50-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
51-
}
52-
/* latin */
53-
@font-face {
54-
font-family: 'Oswald';
55-
font-style: normal;
56-
font-weight: 400;
57-
font-display: swap;
58-
src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
59-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
60-
}
61-
/* cyrillic-ext */
62-
@font-face {
63-
font-family: 'Source Sans Pro';
64-
font-style: normal;
65-
font-weight: 400;
66-
font-display: swap;
67-
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
68-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
69-
}
70-
/* cyrillic */
71-
@font-face {
72-
font-family: 'Source Sans Pro';
73-
font-style: normal;
74-
font-weight: 400;
75-
font-display: swap;
76-
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
77-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
78-
}
79-
/* greek-ext */
80-
@font-face {
81-
font-family: 'Source Sans Pro';
82-
font-style: normal;
83-
font-weight: 400;
84-
font-display: swap;
85-
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
86-
unicode-range: U+1F00-1FFF;
87-
}
88-
/* greek */
89-
@font-face {
90-
font-family: 'Source Sans Pro';
91-
font-style: normal;
92-
font-weight: 400;
93-
font-display: swap;
94-
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
95-
unicode-range: U+0370-03FF;
96-
}
97-
/* vietnamese */
98-
@font-face {
99-
font-family: 'Source Sans Pro';
100-
font-style: normal;
101-
font-weight: 400;
102-
font-display: swap;
103-
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
104-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
105-
}
106-
/* latin-ext */
107-
@font-face {
108-
font-family: 'Source Sans Pro';
109-
font-style: normal;
110-
font-weight: 400;
111-
font-display: swap;
112-
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
113-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
114-
}
115-
/* latin */
116-
@font-face {
117-
font-family: 'Source Sans Pro';
118-
font-style: normal;
119-
font-weight: 400;
120-
font-display: swap;
121-
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
122-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
123-
}
124-
/* cyrillic-ext */
125-
@font-face {
126-
font-family: 'Source Sans Pro';
127-
font-style: normal;
128-
font-weight: 600;
129-
font-display: swap;
130-
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2');
131-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
132-
}
133-
/* cyrillic */
134-
@font-face {
135-
font-family: 'Source Sans Pro';
136-
font-style: normal;
137-
font-weight: 600;
138-
font-display: swap;
139-
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
140-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
141-
}
142-
/* greek-ext */
143-
@font-face {
144-
font-family: 'Source Sans Pro';
145-
font-style: normal;
146-
font-weight: 600;
147-
font-display: swap;
148-
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
149-
unicode-range: U+1F00-1FFF;
150-
}
151-
/* greek */
152-
@font-face {
153-
font-family: 'Source Sans Pro';
154-
font-style: normal;
155-
font-weight: 600;
156-
font-display: swap;
157-
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
158-
unicode-range: U+0370-03FF;
159-
}
160-
/* vietnamese */
161-
@font-face {
162-
font-family: 'Source Sans Pro';
163-
font-style: normal;
164-
font-weight: 600;
165-
font-display: swap;
166-
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
167-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
168-
}
169-
/* latin-ext */
170-
@font-face {
171-
font-family: 'Source Sans Pro';
172-
font-style: normal;
173-
font-weight: 600;
174-
font-display: swap;
175-
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
176-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
177-
}
178-
/* latin */
179-
@font-face {
180-
font-family: 'Source Sans Pro';
181-
font-style: normal;
182-
font-weight: 600;
183-
font-display: swap;
184-
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
185-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
186-
}
187-
/* cyrillic-ext */
188-
@font-face {
189-
font-family: 'Source Sans Pro';
190-
font-style: normal;
191-
font-weight: 700;
192-
font-display: swap;
193-
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
194-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
195-
}
196-
/* cyrillic */
197-
@font-face {
198-
font-family: 'Source Sans Pro';
199-
font-style: normal;
200-
font-weight: 700;
201-
font-display: swap;
202-
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
203-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
204-
}
205-
/* greek-ext */
206-
@font-face {
207-
font-family: 'Source Sans Pro';
208-
font-style: normal;
209-
font-weight: 700;
210-
font-display: swap;
211-
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
212-
unicode-range: U+1F00-1FFF;
213-
}
214-
/* greek */
215-
@font-face {
216-
font-family: 'Source Sans Pro';
217-
font-style: normal;
218-
font-weight: 700;
219-
font-display: swap;
220-
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
221-
unicode-range: U+0370-03FF;
222-
}
223-
/* vietnamese */
224-
@font-face {
225-
font-family: 'Source Sans Pro';
226-
font-style: normal;
227-
font-weight: 700;
228-
font-display: swap;
229-
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
230-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
231-
}
232-
/* latin-ext */
233-
@font-face {
234-
font-family: 'Source Sans Pro';
235-
font-style: normal;
236-
font-weight: 700;
237-
font-display: swap;
238-
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
239-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
240-
}
241-
/* latin */
242-
@font-face {
243-
font-family: 'Source Sans Pro';
244-
font-style: normal;
245-
font-weight: 700;
246-
font-display: swap;
247-
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
248-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
249-
}
250-
/* cyrillic-ext */
251-
@font-face {
252-
font-family: 'Source Sans Pro';
253-
font-style: normal;
254-
font-weight: 900;
255-
font-display: swap;
256-
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmhduz8A.woff2) format('woff2');
257-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
258-
}
259-
/* cyrillic */
260-
@font-face {
261-
font-family: 'Source Sans Pro';
262-
font-style: normal;
263-
font-weight: 900;
264-
font-display: swap;
265-
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2) format('woff2');
266-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
267-
}
268-
/* greek-ext */
269-
@font-face {
270-
font-family: 'Source Sans Pro';
271-
font-style: normal;
272-
font-weight: 900;
273-
font-display: swap;
274-
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmxduz8A.woff2) format('woff2');
275-
unicode-range: U+1F00-1FFF;
276-
}
277-
/* greek */
278-
@font-face {
279-
font-family: 'Source Sans Pro';
280-
font-style: normal;
281-
font-weight: 900;
282-
font-display: swap;
283-
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2) format('woff2');
284-
unicode-range: U+0370-03FF;
285-
}
286-
/* vietnamese */
287-
@font-face {
288-
font-family: 'Source Sans Pro';
289-
font-style: normal;
290-
font-weight: 900;
291-
font-display: swap;
292-
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmBduz8A.woff2) format('woff2');
293-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
294-
}
295-
/* latin-ext */
296-
@font-face {
297-
font-family: 'Source Sans Pro';
298-
font-style: normal;
299-
font-weight: 900;
300-
font-display: swap;
301-
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.woff2) format('woff2');
302-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
303-
}
304-
/* latin */
305-
@font-face {
306-
font-family: 'Source Sans Pro';
307-
font-style: normal;
308-
font-weight: 900;
309-
font-display: swap;
310-
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2) format('woff2');
311-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
312-
}
7+
8+
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto+Condensed:400,700|Source+Sans+Pro:400,600,700,900&display=swap');

‎assets/css/_addon/module.scss‎

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-bottom: none;
3838
}
3939

40+
%heading {
41+
font-family: 'Lato', 'Microsoft Yahei', sans-serif;
42+
}
43+
4044
%section {
4145
#post-wrapper & {
4246
line-height: 1.2;
@@ -45,19 +49,13 @@
4549
}
4650

4751
%anchor {
48-
#post-wrapper &,
52+
.post-content &,
4953
#page & {
5054
padding-top: 3.5rem;
5155
margin-top: -2.5rem;
5256
}
5357
}
5458

55-
%footer-content {
56-
font-weight: 600;
57-
color: var(---footer-link);
58-
}
59-
60-
6159
/*---------- scss mixin ---------*/
6260

6361
@mixin no-text-decoration {
@@ -91,3 +89,14 @@
9189
@mixin input-placeholder {
9290
opacity: 0.6;
9391
}
92+
93+
@mixin semi-bold {
94+
font-weight: 600;
95+
}
96+
97+
@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {
98+
color: $color;
99+
font-size: $font-size;
100+
font-weight: $font-weight;
101+
font-family: 'Roboto Condensed', 'Microsoft Yahei', sans-serif;
102+
}

0 commit comments

Comments
 (0)