re-introduce font-specific formatting to chord symbol metrics

src/chordsymbol.ts

@@ -562,10 +562,6 @@ export class ChordSymbol extends Modifier {
       const glyphArgs = ChordSymbol.glyphs[params.glyph];
       const glyphPoints = 20;
       symbolBlock.glyph = new Glyph(glyphArgs.code, glyphPoints, { category: 'chordSymbol' });
-      // Beware: glyph.metrics is not the same as glyph.getMetrics() !
-      // rv.glyph.point = rv.glyph.point * rv.glyph.metrics.scale;
-      // rv.width = rv.glyph.getMetrics().width;
-      // don't set yShift here, b/c we need to do it at formatting time after the font is set.
     } else if (symbolType === SymbolTypes.TEXT) {
       symbolBlock.width = this.textFormatter.getWidthForTextInEm(symbolBlock.text);
     } else if (symbolType === SymbolTypes.LINE) {

src/fonts/common_metrics.ts

@@ -26,71 +26,85 @@ export const CommonMetrics = {
     },
     glyphs: {
       csymDiminished: {
+        scale: 0.8,
         leftSideBearing: -32,
         advanceWidth: 506,
         yOffset: 0,
       },
       csymHalfDiminished: {
+        scale: 0.8,
         leftSideBearing: -32,
         advanceWidth: 506,
         yOffset: 0,
       },
       csymAugmented: {
+        scale: 0.8,
         leftSideBearing: 0,
         advanceWidth: 530,
         yOffset: 0,
       },
       csymParensLeftTall: {
+        scale: 0.8,
         leftSideBearing: -20,
         advanceWidth: 184,
         yOffset: 250,
       },
       csymParensRightTall: {
+        scale: 0.8,
         leftSideBearing: 0,
         advanceWidth: 189,
         yOffset: 250,
       },
       csymBracketLeftTall: {
+        scale: 0.8,
         leftSideBearing: 0,
         advanceWidth: 328,
         yOffset: 0,
       },
       csymBracketRightTall: {
+        scale: 0.8,
         leftSideBearing: 1,
         advanceWidth: 600,
         yOffset: 0,
       },
       csymParensLeftVeryTall: {
+        scale: 0.8,
         leftSideBearing: 50,
         advanceWidth: 121,
         yOffset: 350,
       },
       csymParensRightVeryTall: {
+        scale: 0.8,
         leftSideBearing: 0,
         advanceWidth: 111,
         yOffset: 350,
       },
       csymDiagonalArrangementSlash: {
+        scale: 0.8,
         leftSideBearing: 250,
         advanceWidth: 990,
         yOffset: 300,
       },
       csymMinor: {
+        scale: 0.8,
         leftSideBearing: 0,
         advanceWidth: 482,
         yOffset: 0,
       },
       csymMajorSeventh: {
+        scale: 0.8,
         leftSideBearing: 200,
         yOffset: 0,
         advanceWidth: 600,
       },
       accidentalSharp: {
+        scale: 0.8,
         leftSideBearing: 20,
         advanceWidth: 250,
         yOffset: -302,
       },
       accidentalFlat: {
+        scale: 0.8,
         leftSideBearing: -20,
         advanceWidth: 226,
         yOffset: -184,

src/fonts/load_petaluma.ts

@@ -4,7 +4,86 @@
 import { Font } from '../font';
 import { CommonMetrics } from './common_metrics';
 import { PetalumaFont } from './petaluma_glyphs';
+import { ChordSymbolGlyphMetrics } from '../chordsymbol';
+import { FontMetrics } from '../font';
 
+const petalumaChordMetrics: Record<string, ChordSymbolGlyphMetrics> = {
+  csymDiminished: {
+    leftSideBearing: -95,
+    advanceWidth: 506,
+    yOffset: 0,
+  },
+  csymHalfDiminished: {
+    leftSideBearing: -32,
+    advanceWidth: 506,
+    yOffset: 0,
+  },
+  csymAugmented: {
+    leftSideBearing: -25,
+    advanceWidth: 530,
+    yOffset: 0,
+  },
+  csymParensLeftTall: {
+    leftSideBearing: 0,
+    advanceWidth: 155,
+    yOffset: 150,
+  },
+  csymParensRightTall: {
+    leftSideBearing: 40,
+    advanceWidth: 189,
+    yOffset: 150,
+  },
+  csymBracketLeftTall: {
+    leftSideBearing: 0,
+    advanceWidth: 328,
+    yOffset: 0,
+  },
+  csymBracketRightTall: {
+    leftSideBearing: 1,
+    advanceWidth: 600,
+    yOffset: 0,
+  },
+  csymParensLeftVeryTall: {
+    leftSideBearing: 0,
+    advanceWidth: 210,
+    yOffset: 250,
+  },
+  csymParensRightVeryTall: {
+    leftSideBearing: -100,
+    advanceWidth: 111,
+    yOffset: 250,
+  },
+  csymDiagonalArrangementSlash: {
+    leftSideBearing: -1,
+    advanceWidth: 990,
+    yOffset: 0,
+  },
+  csymMinor: {
+    leftSideBearing: 0,
+    advanceWidth: 482,
+    yOffset: 0,
+  },
+  csymMajorSeventh: {
+    leftSideBearing: 100,
+    yOffset: 0,
+    advanceWidth: 600,
+  },
+  accidentalSharp: {
+    leftSideBearing: 0,
+    advanceWidth: 425,
+    yOffset: -422,
+  },
+  accidentalFlat: {
+    leftSideBearing: -10,
+    advanceWidth: 228,
+    yOffset: -284,
+  }
+}
 export function loadPetaluma() {
-  Font.load('Petaluma', PetalumaFont, CommonMetrics);
+  const metrics: FontMetrics = JSON.parse(JSON.stringify(CommonMetrics));
+  const chordMetrics = metrics.chordSymbol;
+  if (chordMetrics) {
+    chordMetrics.glyphs = petalumaChordMetrics;
+  }
+  Font.load('Petaluma', PetalumaFont, metrics);
 }