diff --git a/frontend/bun.lock b/frontend/bun.lock index dba1cb0..f96f098 100644 --- a/frontend/bun.lock +++ b/frontend/bun.lock @@ -5,8 +5,8 @@ "": { "name": "frontend", "dependencies": { + "@fontsource-variable/fraunces": "^5.2.9", "@fontsource-variable/jost": "^5.2.8", - "@fontsource-variable/playfair-display": "^5.2.8", "@fontsource-variable/playwrite-hr-lijeva": "^5.2.7", "@fontsource/architects-daughter": "^5.2.7", "@fontsource/cutive-mono": "^5.2.8", @@ -118,9 +118,9 @@ "@exodus/bytes": ["@exodus/bytes@1.15.0", "", { "peerDependencies": { "@noble/hashes": "^1.8.0 || ^2.0.0" }, "optionalPeers": ["@noble/hashes"] }, "sha512-UY0nlA+feH81UGSHv92sLEPLCeZFjXOuHhrIo0HQydScuQc8s0A7kL/UdgwgDq8g8ilksmuoF35YVTNphV2aBQ=="], - "@fontsource-variable/jost": ["@fontsource-variable/jost@5.2.8", "", {}, "sha512-+VDDHpbhgZ9A8KeHb7/LUMRR1LILVKIscNhVRSDzn3tFXoi1mFA/OhO8CZL/u2OujoGjZANjOdUZIgaxclxyjw=="], + "@fontsource-variable/fraunces": ["@fontsource-variable/fraunces@5.2.9", "", {}, "sha512-Y6IjunlN9Ni723np+GIgAaKzCDBrPRrqNi01TZxHs5wtHYROWFM9W6yiT+/gGwSjWIRD18oX17kD/BRWekc/Lw=="], - "@fontsource-variable/playfair-display": ["@fontsource-variable/playfair-display@5.2.8", "", {}, "sha512-ZzVIXPOrL85yyOvZYoBzUszIJM+xKkHqni4IYn2CVLaGQQdJR8sBeC8yFNgjxSJ7ludTwta8qpULeOFuk5X75A=="], + "@fontsource-variable/jost": ["@fontsource-variable/jost@5.2.8", "", {}, "sha512-+VDDHpbhgZ9A8KeHb7/LUMRR1LILVKIscNhVRSDzn3tFXoi1mFA/OhO8CZL/u2OujoGjZANjOdUZIgaxclxyjw=="], "@fontsource-variable/playwrite-hr-lijeva": ["@fontsource-variable/playwrite-hr-lijeva@5.2.7", "", {}, "sha512-cQqbD8HHZDpiKdtgwUxgwAY76TC+GI9iZOxHSW0XkV/L8lA0X18z1wzR+J8yv9XZQYgLJ5WfzBGwzMSLnSLdPA=="], diff --git a/frontend/package.json b/frontend/package.json index 5471727..5ca1574 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -19,8 +19,8 @@ "test:e2e:ui": "playwright test --ui --ui-host=0.0.0.0 --ui-port=43008" }, "dependencies": { + "@fontsource-variable/fraunces": "^5.2.9", "@fontsource-variable/jost": "^5.2.8", - "@fontsource-variable/playfair-display": "^5.2.8", "@fontsource-variable/playwrite-hr-lijeva": "^5.2.7", "@fontsource/architects-daughter": "^5.2.7", "@fontsource/cutive-mono": "^5.2.8", diff --git a/frontend/src/components/editor/ComposeCanvas.tsx b/frontend/src/components/editor/ComposeCanvas.tsx index 8ab00e0..eb0f9d3 100644 --- a/frontend/src/components/editor/ComposeCanvas.tsx +++ b/frontend/src/components/editor/ComposeCanvas.tsx @@ -11,7 +11,7 @@ import "@fontsource/redacted-script/index.css"; const PAD = 36; const BASE_WIDTH = 680; const DEFAULT_LOGICAL_HEIGHT = 900; -const DEFAULT_FONT_FAMILY = "Playfair Display Variable"; +const DEFAULT_FONT_FAMILY = "Fraunces Variable"; const DEFAULT_FONT_COLOR = "#000"; export interface FabricObjectJSON { diff --git a/frontend/src/components/editor/ToolBar.tsx b/frontend/src/components/editor/ToolBar.tsx index 966e61d..acbc078 100644 --- a/frontend/src/components/editor/ToolBar.tsx +++ b/frontend/src/components/editor/ToolBar.tsx @@ -24,7 +24,7 @@ interface ToolBarProps { } const FONT_FAMILIES: Map = new Map([ - ["Serif", "Playfair Display Variable"], + ["Serif", "Fraunces Variable"], ["Sans", "Jost Variable"], ["Cursive", "Playwrite HR Lijeva Variable"], ["Handwriting", "Architects Daughter"], diff --git a/frontend/src/index.css b/frontend/src/index.css index 9854eef..3f086cb 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -46,7 +46,7 @@ @theme { --font-display: "Playwrite HR Lijeva Variable", cursive; --font-sans: "Jost Variable", sans-serif; - --font-serif: "Playfair Display Variable", serif; + --font-serif: "Fraunces Variable", serif; --font-mono: "Space Mono", monospace; --font-ink: "Kavivanar", sans-serif; --font-redact: "Redacted Script", cursive; diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx index 90e6f0e..7c1481a 100644 --- a/frontend/src/main.tsx +++ b/frontend/src/main.tsx @@ -5,7 +5,7 @@ import "./index.css"; import "@fontsource-variable/playwrite-hr-lijeva/wght.css"; import "@fontsource-variable/jost/wght.css"; -import "@fontsource-variable/playfair-display/wght.css"; +import "@fontsource-variable/fraunces/wght.css"; import App from "./App";