Skip to content

Commit 094ba2a

Browse files
vjdhamavjdhama
committed
self host fonts
1 parent 89d904e commit 094ba2a

File tree

7 files changed

+61
-5
lines changed

7 files changed

+61
-5
lines changed

‎assets/scss/_fonts.scss‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
/* Outfit Regular */
2+
@font-face {
3+
font-family: 'Outfit';
4+
font-style: normal;
5+
font-weight: 400;
6+
font-display: swap;
7+
src: url('/fonts/outfit-v11-latin-regular.woff2') format('woff2');
8+
}
9+
10+
/* Outfit Bold */
11+
@font-face {
12+
font-family: 'Outfit';
13+
font-style: normal;
14+
font-weight: 700;
15+
font-display: swap;
16+
src: url('/fonts/outfit-v11-latin-700.woff2') format('woff2');
17+
}
18+
19+
/* Merriweather Light 300 */
20+
@font-face {
21+
font-family: 'Merriweather';
22+
font-style: normal;
23+
font-weight: 300;
24+
font-display: swap;
25+
src: url('/fonts/merriweather-v30-latin-300.woff2') format('woff2');
26+
}
27+
28+
/* Merriweather Light 300 Italic */
29+
@font-face {
30+
font-family: 'Merriweather';
31+
font-style: italic;
32+
font-weight: 300;
33+
font-display: swap;
34+
src: url('/fonts/merriweather-v30-latin-300italic.woff2') format('woff2');
35+
}

‎assets/scss/style.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
// Self-hosted fonts
2+
@import 'fonts';
3+
14
// Colors
25
$primary: {{ .Site.Params.colors.primary | default "#f24088" }};
36
$black: {{ .Site.Params.colors.black | default "#2f2f41" }};

‎layouts/partials/google-fonts.html‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1 @@
1-
{{ with .Site.Params.fonts.google_fonts }}
2-
<link rel="preconnect" href="https://fonts.googleapis.com">
3-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
4-
<link href="{{ . }}" rel="stylesheet">
5-
{{ end }}
1+
{{/* Fonts are now self-hosted in assets/scss/_fonts.scss */}}

‎static/fonts/merriweather-v30-latin-300.woff2‎

18.9 KB
Binary file not shown.

‎static/fonts/merriweather-v30-latin-300italic.woff2‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html lang=en>
3+
<meta charset=utf-8>
4+
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
5+
<title>Error 404 (Not Found)!!1</title>
6+
<style>
7+
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
8+
</style>
9+
<a href=//www.google.com/><span id=logo aria-label=Google></span></a>
10+
<p><b>404.</b> <ins>That’s an error.</ins>
11+
<p>The requested URL <code>/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXcf_hP3hPGWH.woff2</code> was not found on this server. <ins>That’s all we know.</ins>

‎static/fonts/outfit-v11-latin-700.woff2‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html lang=en>
3+
<meta charset=utf-8>
4+
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
5+
<title>Error 404 (Not Found)!!1</title>
6+
<style>
7+
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
8+
</style>
9+
<a href=//www.google.com/><span id=logo aria-label=Google></span></a>
10+
<p><b>404.</b> <ins>That’s an error.</ins>
11+
<p>The requested URL <code>/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bK1O4a0Ew.woff2</code> was not found on this server. <ins>That’s all we know.</ins>

‎static/fonts/outfit-v11-latin-regular.woff2‎

13.7 KB
Binary file not shown.

0 commit comments

Comments
 (0)