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(