style: More Inter replacing Arial

Author: DrJKL

src/lib/litegraph/src/LiteGraphGlobal.ts

@@ -59,16 +59,16 @@ export class LiteGraphGlobal {
   NODE_DEFAULT_SHAPE = RenderShape.ROUND
   NODE_BOX_OUTLINE_COLOR = '#FFF'
   NODE_ERROR_COLOUR = '#E00'
-  NODE_FONT = 'Arial'
+  NODE_FONT = 'Inter'
   NODE_DEFAULT_BYPASS_COLOR = '#FF00FF'
   NODE_OPACITY = 0.9
 
-  DEFAULT_FONT = 'Arial'
+  DEFAULT_FONT = 'Inter'
   DEFAULT_SHADOW_COLOR = 'rgba(0,0,0,0.5)'
 
   DEFAULT_GROUP_FONT = 24
   DEFAULT_GROUP_FONT_SIZE?: any
-  GROUP_FONT = 'Arial'
+  GROUP_FONT = 'Inter'
 
   WIDGET_BGCOLOR = '#222'
   WIDGET_OUTLINE_COLOR = '#666'

src/lib/litegraph/src/canvas/InputIndicators.ts

@@ -23,7 +23,7 @@ export class InputIndicators implements Disposable {
   colour1 = '#ff5f00'
   colour2 = '#00ff7c'
   colour3 = '#dea7ff'
-  fontString = 'bold 12px Arial'
+  fontString = 'bold 12px Inter'
   // #endregion
 
   // #region state

src/lib/litegraph/src/subgraph/SubgraphIONodeBase.ts

@@ -353,7 +353,7 @@ export abstract class SubgraphIONodeBase<
     editorAlpha?: number
   ): void {
     ctx.fillStyle = '#AAA'
-    ctx.font = '12px Arial'
+    ctx.font = '12px Inter'
     ctx.textBaseline = 'middle'
 
     for (const slot of this.allSlots) {

src/renderer/extensions/vueNodes/widgets/composables/useImagePreviewWidget.ts

@@ -212,7 +212,7 @@ const renderPreview = (
     ctx.roundRect(x, y, sz, sz, [4])
     ctx.fill()
     ctx.fillStyle = textFill
-    ctx.font = '12px Arial'
+    ctx.font = '12px Inter'
     ctx.textAlign = 'center'
     ctx.fillText(text, x + 15, y + 20)
 

tests-ui/tests/litegraph/core/__snapshots__/litegraph.test.ts.snap

@@ -20,7 +20,7 @@ LiteGraphGlobal {
   },
   "ContextMenu": [Function],
   "CurveEditor": [Function],
-  "DEFAULT_FONT": "Arial",
+  "DEFAULT_FONT": "Inter",
   "DEFAULT_GROUP_FONT": 24,
   "DEFAULT_GROUP_FONT_SIZE": undefined,
   "DEFAULT_POSITION": [
@@ -33,7 +33,7 @@ LiteGraphGlobal {
   "EVENT": -1,
   "EVENT_LINK_COLOR": "#A86",
   "GRID_SHAPE": 6,
-  "GROUP_FONT": "Arial",
+  "GROUP_FONT": "Inter",
   "Globals": {},
   "HIDDEN_LINK": -1,
   "INPUT": 1,
@@ -65,7 +65,7 @@ LiteGraphGlobal {
   "NODE_DEFAULT_COLOR": "#333",
   "NODE_DEFAULT_SHAPE": 2,
   "NODE_ERROR_COLOUR": "#E00",
-  "NODE_FONT": "Arial",
+  "NODE_FONT": "Inter",
   "NODE_MIN_WIDTH": 50,
   "NODE_MODES": [
     "Always",