Self-host Open Sans (#391)

For improved privacy it's best to self-host this font rather than using Google Fonts.
trimble-oss · Mar 12, 2024 · 3d3aa24 · 3d3aa24
1 parent 582ca47
commit 3d3aa24
Show file tree

Hide file tree

Showing 20 changed files with 76 additions and 12 deletions.
diff --git a/docs/assets/scss/_font-open-sans.scss b/docs/assets/scss/_font-open-sans.scss
@@ -0,0 +1,69 @@
+/* open-sans-300 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-300.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-300.woff') format('woff');
+}
+
+/* open-sans-regular - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-regular.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-regular.woff') format('woff');
+}
+
+/* open-sans-600 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-600.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-600.woff') format('woff');
+}
+
+/* open-sans-700 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-700.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-700.woff') format('woff');
+}
+
+/* open-sans-800 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-800.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-800.woff') format('woff');
+}
+
+/* open-sans-300italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 300;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-300italic.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-300italic.woff') format('woff');
+}
+
+/* open-sans-italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-italic.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-italic.woff') format('woff');
+}
diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
@@ -1,6 +1,7 @@
 @import "../../../node_modules/@trimble-oss/modus-bootstrap/dist/css/modus-bootstrap";
 @import "variables";
 @import "clipboard-js";
+@import "font-open-sans";
 @import "home";
 @import "scroll-to-top-btn";
 @import "syntax";

diff --git a/docs/layouts/_default/font.html b/docs/layouts/_default/font.html
@@ -2,9 +2,8 @@
 <html lang="en-US">
   <head>
     {{ partial "head" . }}
-    {{ partial "analytics" . }}
   </head>
-  <body class="text-center">
+  <body class="text-center" id="root">
     {{ partialCached "skippy" . }}
     {{ partialCached "navbar" . }}
 
@@ -22,5 +21,6 @@
 
     {{- partialCached "footer" . }}
     {{- partialCached "scripts" . "fonts" }}
+    {{ partial "analytics" . }}
   </body>
 </html>
diff --git a/docs/layouts/modus-outlined/home.html b/docs/layouts/modus-outlined/home.html
@@ -3,10 +3,9 @@
 
 <head>
   {{ partial "head" . }}
-  {{ partial "analytics" . }}
 </head>
 
-<body>
+<body id="root">
   {{ partialCached "skippy" . }}
   {{ partialCached "navbar" . }}
 
@@ -19,7 +18,7 @@
 
   {{- partialCached "footer" . }}
   {{- partialCached "scripts" . }}
-
+  {{ partial "analytics" . }}
 </body>
 
 </html>
diff --git a/docs/layouts/modus-solid/home.html b/docs/layouts/modus-solid/home.html
@@ -3,10 +3,9 @@
 
 <head>
   {{ partial "head" . }}
-  {{ partial "analytics" . }}
 </head>
 
-<body>
+<body id="root">
   {{ partialCached "skippy" . }}
   {{ partialCached "navbar" . }}
 
@@ -19,6 +18,7 @@
 
   {{- partialCached "footer" . }}
   {{- partialCached "scripts" . }}
+  {{ partial "analytics" . }}
 </body>
 
 </html>
diff --git a/docs/layouts/partials/stylesheet.html b/docs/layouts/partials/stylesheet.html
@@ -1,8 +1,3 @@
-<!-- Faster Google Fonts with Preconnect - https://www.cdnplanet.com/blog/faster-google-webfonts-preconnect/ -->
-<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
-<link rel="preconnect" href="https://fonts.googleapis.com/">
-<link rel=stylesheet href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,800&display=fallback">
-
 {{- $style := resources.Get "scss/docs.scss" | toCSS | postCSS | minify -}}
 <link rel="stylesheet" href="{{ $style.Permalink | relURL }}?v{{ hugo.Version }}">
 

diff --git a/docs/static/fonts/open-sans-v27-latin-300.woff b/docs/static/fonts/open-sans-v27-latin-300.woff
diff --git a/docs/static/fonts/open-sans-v27-latin-300.woff2 b/docs/static/fonts/open-sans-v27-latin-300.woff2
diff --git a/docs/static/fonts/open-sans-v27-latin-300italic.woff b/docs/static/fonts/open-sans-v27-latin-300italic.woff
diff --git a/docs/static/fonts/open-sans-v27-latin-300italic.woff2 b/docs/static/fonts/open-sans-v27-latin-300italic.woff2
diff --git a/docs/static/fonts/open-sans-v27-latin-600.woff b/docs/static/fonts/open-sans-v27-latin-600.woff
diff --git a/docs/static/fonts/open-sans-v27-latin-600.woff2 b/docs/static/fonts/open-sans-v27-latin-600.woff2
diff --git a/docs/static/fonts/open-sans-v27-latin-700.woff b/docs/static/fonts/open-sans-v27-latin-700.woff
diff --git a/docs/static/fonts/open-sans-v27-latin-700.woff2 b/docs/static/fonts/open-sans-v27-latin-700.woff2
diff --git a/docs/static/fonts/open-sans-v27-latin-800.woff b/docs/static/fonts/open-sans-v27-latin-800.woff
diff --git a/docs/static/fonts/open-sans-v27-latin-800.woff2 b/docs/static/fonts/open-sans-v27-latin-800.woff2
diff --git a/docs/static/fonts/open-sans-v27-latin-italic.woff b/docs/static/fonts/open-sans-v27-latin-italic.woff
diff --git a/docs/static/fonts/open-sans-v27-latin-italic.woff2 b/docs/static/fonts/open-sans-v27-latin-italic.woff2
diff --git a/docs/static/fonts/open-sans-v27-latin-regular.woff b/docs/static/fonts/open-sans-v27-latin-regular.woff
diff --git a/docs/static/fonts/open-sans-v27-latin-regular.woff2 b/docs/static/fonts/open-sans-v27-latin-regular.woff2