Add font files, remove google fonts references

Adds a `shared/naturalcrit/styles/fonts` directory, and Open Sans font files for the 4 weights we were pulling from Google Fonts.
2026-06-21 22:28:42 +00:00 · 2026-04-30 22:28:04 -05:00
parent 5426aa82c1
commit e34c5f9b32
8 changed files with 37 additions and 5 deletions
@@ -29,7 +29,6 @@ const TOOLBAR_STATE_KEY = 'HB_renderer_toolbarState';

 const INITIAL_CONTENT = dedent`
 	<!DOCTYPE html><html><head>
-	<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" />
 	<link href='/homebrew/bundle.css' type="text/css" rel='stylesheet' />
 	<link href="${brewRendererStylesUrl}" rel="stylesheet" />
 	<link href="${headerNavStylesUrl}" rel="stylesheet" />
@@ -5,10 +5,6 @@
 		<meta
 			name="viewport"
 			content="width=device-width, initial-scale=1, height=device-height, interactive-widget=resizes-visual" />
-		<link
-			href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700"
-			rel="stylesheet"
-			type="text/css" />
 		<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />

 		<meta name="twitter:card" content="summary" />
@@ -12,6 +12,7 @@
 	font-family : 'CodeBold';
 	src         : url('./CODE Bold.otf') format('opentype');
 }
+@import './fonts/fonts.css';
 html,body, #reactRoot {
 	height      : 100vh;
 	min-height  : 100vh;
@@ -0,0 +1,36 @@
+/* open-sans-latin-wght-normal */
+@font-face {
+	font-family   : 'Open Sans';
+	font-style    : normal;
+	font-weight   : 300;
+	src           : url('open-sans-latin-300-normal.woff2') format('woff2');
+	font-display  : swap;
+	unicode-range : U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+
+@font-face {
+	font-family   : 'Open Sans';
+	font-style    : normal;
+	font-weight   : normal;
+	src           : url('open-sans-latin-400-normal.woff2') format('woff2');
+	font-display  : swap;
+	unicode-range : U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+
+@font-face {
+	font-family   : 'Open Sans';
+	font-style    : normal;
+	font-weight   : 600;
+	src           : url('open-sans-latin-600-normal.woff2') format('woff2');
+	font-display  : swap;
+	unicode-range : U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+
+@font-face {
+	font-family   : 'Open Sans';
+	font-style    : normal;
+	font-weight   : bold;
+	src           : url('open-sans-latin-700-normal.woff2') format('woff2');
+	font-display  : swap;
+	unicode-range : U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}