feat: Add wireframe font redacted

public/fonts.css

@@ -11,3 +11,11 @@
   src: url("Cascadia.woff2");
   font-display: swap;
 }
+
+@font-face {
+  font-family: "Redacted";
+  src: url("redacted-script-regular.woff2");
+  font-display: swap;
+  font-weight: normal;
+  font-style: normal;
+}

src/actions/actionProperties.tsx

@@ -30,6 +30,7 @@ import {
   TextAlignCenterIcon,
   TextAlignLeftIcon,
   TextAlignRightIcon,
+  FontFamilyWireframeIcon,
 } from "../components/icons";
 import {
   DEFAULT_FONT_FAMILY,
@@ -526,6 +527,11 @@ export const actionChangeFontFamily = register({
         text: t("labels.code"),
         icon: <FontFamilyCodeIcon theme={appState.theme} />,
       },
+      {
+        value: FONT_FAMILY.REDACTED,
+        text: t("labels.wireframe"),
+        icon: <FontFamilyWireframeIcon theme={appState.theme} />,
+      },
     ];
 
     return (

src/components/icons.tsx

@@ -847,6 +847,18 @@ export const FontFamilyCodeIcon = React.memo(({ theme }: { theme: Theme }) =>
   ),
 );
 
+export const FontFamilyWireframeIcon = React.memo(
+  ({ theme }: { theme: Theme }) =>
+    createIcon(
+      <>
+        <path
+          fill={iconFillColor(theme)}
+          d="M448 75.2v361.7c0 24.3-19 43.2-43.2 43.2H43.2C19.3 480 0 461.4 0 436.8V75.2C0 51.1 18.8 32 43.2 32h361.7c24 0 43.1 18.8 43.1 43.2zm-37.3 361.6V75.2c0-3-2.6-5.8-5.8-5.8h-9.3L285.3 144 224 94.1 162.8 144 52.5 69.3h-9.3c-3.2 0-5.8 2.8-5.8 5.8v361.7c0 3 2.6 5.8 5.8 5.8h361.7c3.2.1 5.8-2.7 5.8-5.8zM150.2 186v37H76.7v-37h73.5zm0 74.4v37.3H76.7v-37.3h73.5zm11.1-147.3l54-43.7H96.8l64.5 43.7zm210 72.9v37h-196v-37h196zm0 74.4v37.3h-196v-37.3h196zm-84.6-147.3l64.5-43.7H232.8l53.9 43.7zM371.3 335v37.3h-99.4V335h99.4z"
+        ></path>
+      </>,
+    ),
+);
+
 export const TextAlignLeftIcon = React.memo(({ theme }: { theme: Theme }) =>
   createIcon(
     <path

src/constants.ts

@@ -68,6 +68,7 @@ export const FONT_FAMILY = {
   Virgil: 1,
   Helvetica: 2,
   Cascadia: 3,
+  REDACTED: 4,
 };
 
 export const THEME = {

src/locales/en.json

@@ -50,6 +50,7 @@
     "handDrawn": "Hand-drawn",
     "normal": "Normal",
     "code": "Code",
+    "wireframe": "Wireframe",
     "small": "Small",
     "medium": "Medium",
     "large": "Large",