diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx index 4324eab5..f184c850 100644 --- a/src/actions/actionProperties.tsx +++ b/src/actions/actionProperties.tsx @@ -10,6 +10,7 @@ import { isTextElement, redrawTextBoundingBox } from "../element"; import { ColorPicker } from "../components/ColorPicker"; import { AppState } from "../../src/types"; import { t } from "../i18n"; +import { DEFAULT_FONT } from "../appState"; const changeProperty = ( elements: readonly ExcalidrawElement[], @@ -297,7 +298,7 @@ export const actionChangeFontSize: Action = { appState.editingElement, elements, element => isTextElement(element) && +element.font.split("px ")[0], - +(appState.currentItemFont || "20px Virgil").split("px ")[0], + +(appState.currentItemFont || DEFAULT_FONT).split("px ")[0], )} onChange={value => updateData(value)} /> @@ -345,7 +346,7 @@ export const actionChangeFontFamily: Action = { appState.editingElement, elements, element => isTextElement(element) && element.font.split("px ")[1], - (appState.currentItemFont || "20px Virgil").split("px ")[1], + (appState.currentItemFont || DEFAULT_FONT).split("px ")[1], )} onChange={value => updateData(value)} /> diff --git a/src/actions/actionStyles.ts b/src/actions/actionStyles.ts index c6c37fbe..8c7038cd 100644 --- a/src/actions/actionStyles.ts +++ b/src/actions/actionStyles.ts @@ -5,6 +5,7 @@ import { redrawTextBoundingBox, } from "../element"; import { KEYS } from "../keys"; +import { DEFAULT_FONT } from "../appState"; let copiedStyles: string = "{}"; @@ -43,7 +44,7 @@ export const actionPasteStyles: Action = { roughness: pastedElement?.roughness, }; if (isTextElement(newElement)) { - newElement.font = pastedElement?.font || "20px Virgil"; + newElement.font = pastedElement?.font || DEFAULT_FONT; redrawTextBoundingBox(newElement); } return newElement; diff --git a/src/appState.ts b/src/appState.ts index 95f047d1..e282d4fd 100644 --- a/src/appState.ts +++ b/src/appState.ts @@ -2,6 +2,7 @@ import { AppState, FlooredNumber } from "./types"; import { getDateTime } from "./utils"; const DEFAULT_PROJECT_NAME = `excalidraw-${getDateTime()}`; +export const DEFAULT_FONT = "20px Virgil"; export function getDefaultAppState(): AppState { return { @@ -18,7 +19,7 @@ export function getDefaultAppState(): AppState { currentItemStrokeWidth: 1, currentItemRoughness: 1, currentItemOpacity: 100, - currentItemFont: "20px Virgil", + currentItemFont: DEFAULT_FONT, viewBackgroundColor: "#ffffff", scrollX: 0 as FlooredNumber, scrollY: 0 as FlooredNumber,