feat(edgeless): support more fonts in canvas text

packages/blocks/src/page-block/edgeless/components/auto-complete/utils.ts

@@ -3,6 +3,11 @@ import { Workspace } from '@blocksuite/store';
 
 import { getBlockClipboardInfo } from '../../../../_legacy/clipboard/index.js';
 import type { NoteBlockModel } from '../../../../models.js';
+import {
+  CanvasTextFontFamily,
+  CanvasTextFontStyle,
+  CanvasTextFontWeight,
+} from '../../../../surface-block/consts.js';
 import {
   Bound,
   type Connection,
@@ -19,7 +24,6 @@ import {
 } from '../../../../surface-block/index.js';
 import type { EdgelessPageBlockComponent } from '../../edgeless-page-block.js';
 import { getGridBound } from '../../utils/bound-utils.js';
-import { GENERAL_CANVAS_FONT_FAMILY } from '../../utils/consts.js';
 import { type Shape, ShapeFactory } from '../../utils/tool-overlay.js';
 import { GET_DEFAULT_TEXT_COLOR } from '../panel/color-panel.js';
 
@@ -335,10 +339,10 @@ export async function createTextElement(
     text: new Workspace.Y.Text(),
     textAlign: 'left',
     fontSize: 24,
-    fontFamily: GENERAL_CANVAS_FONT_FAMILY,
+    fontFamily: CanvasTextFontFamily.Inter,
     color: GET_DEFAULT_TEXT_COLOR(),
-    bold: false,
-    italic: false,
+    fontWeight: CanvasTextFontWeight.Regular,
+    fontStyle: CanvasTextFontStyle.Normal,
   });
   const group = surface.getGroupParent(current);
   if (group instanceof GroupElement) {

packages/blocks/src/page-block/edgeless/components/buttons/tool-icon-button.ts

@@ -37,6 +37,7 @@ export class EdgelessToolIconButton extends LitElement {
     .icon-container[disabled] {
       pointer-events: none;
       cursor: not-allowed;
+      color: var(--affine-text-disable-color);
     }
 
     .icon-container[coming] {

packages/blocks/src/page-block/edgeless/components/component-toolbar/change-shape-button.ts

@@ -20,6 +20,7 @@ import {
 import type { CssVariableName } from '../../../../_common/theme/css-variables.js';
 import { countBy, maxBy } from '../../../../_common/utils/iterable.js';
 import { LineWidth, type ShapeTool } from '../../../../_common/utils/types.js';
+import { CanvasTextFontFamily } from '../../../../surface-block/consts.js';
 import type { PhasorElementType } from '../../../../surface-block/index.js';
 import {
   type ShapeElement,
@@ -29,8 +30,6 @@ import {
 import type { SurfaceBlockComponent } from '../../../../surface-block/surface-block.js';
 import type { EdgelessSelectionSlots } from '../../edgeless-page-block.js';
 import {
-  GENERAL_CANVAS_FONT_FAMILY,
-  SCRIBBLED_CANVAS_FONT_FAMILY,
   SHAPE_FILL_COLOR_BLACK,
   SHAPE_TEXT_COLOR_PURE_BLACK,
   SHAPE_TEXT_COLOR_PURE_WHITE,
@@ -388,8 +387,8 @@ export class EdgelessChangeShapeButton extends WithDisposable(LitElement) {
         shapeStyle: shapeStyle,
         fontFamily:
           shapeStyle === ShapeStyle.General
-            ? GENERAL_CANVAS_FONT_FAMILY
-            : SCRIBBLED_CANVAS_FONT_FAMILY,
+            ? CanvasTextFontFamily.Inter
+            : CanvasTextFontFamily.Kalam,
       });
     });
   }
@@ -585,7 +584,7 @@ export class EdgelessChangeShapeButton extends WithDisposable(LitElement) {
           },
         })}
         ${doesAllShapesContainText(this.elements)
-          ? html` <component-toolbar-menu-divider></component-toolbar-menu-divider>
+          ? html`<component-toolbar-menu-divider></component-toolbar-menu-divider>
               <edgeless-change-text-menu
                 .elements=${this.elements}
                 .elementType=${'shape'}