diff --git a/public/fonts.css b/public/fonts.css
index a27dd024c..85f33749a 100644
--- a/public/fonts.css
+++ b/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;
+}
diff --git a/public/redacted-script-regular.ttf b/public/redacted-script-regular.ttf
new file mode 100755
index 000000000..27d6a5888
Binary files /dev/null and b/public/redacted-script-regular.ttf differ
diff --git a/public/redacted-script-regular.woff2 b/public/redacted-script-regular.woff2
new file mode 100644
index 000000000..b076d6196
Binary files /dev/null and b/public/redacted-script-regular.woff2 differ
diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index cc3bbbdba..3f497f5a3 100644
--- a/src/actions/actionProperties.tsx
+++ b/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: ,
},
+ {
+ value: FONT_FAMILY.REDACTED,
+ text: t("labels.wireframe"),
+ icon: ,
+ },
];
return (
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 3f954c90e..7ab8e1551 100644
--- a/src/components/icons.tsx
+++ b/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(
+ <>
+
+ >,
+ ),
+);
+
export const TextAlignLeftIcon = React.memo(({ theme }: { theme: Theme }) =>
createIcon(