Static AccidentalStatic AnnotationStatic AnnotationStatic AnnotationStatic ArticulationStatic BUILDStatic BarStatic BarlineStatic BarlineStatic BeamStatic BendStatic BoundingStatic CanvasStatic ChordStatic ChordStatic ChordStatic ClefStatic ClefStatic CrescendoStatic CurveStatic CurveStatic DotStatic EasyStatic ElementStatic FactoryStatic FontStatic FontStatic FontStatic FormatterStatic FractionStatic FretStatic GhostStatic GlyphStatic GlyphsStatic GraceStatic GraceStatic GraceStatic KeyStatic KeyStatic KeyStatic ModifierStatic ModifierStatic ModifierStatic MultiStatic MusicStatic NoteStatic NoteStatic NoteStatic OrnamentStatic ParenthesisStatic ParserStatic PedalStatic RegistryStatic RenderStatic RendererStatic RendererStatic RendererStatic RepeatStatic RepetitionStatic RuntimeStatic SVGContextStatic StaveStatic StaveStatic StaveStatic StaveStatic StaveStatic StaveStatic StaveStatic StaveStatic StaveStatic StaveStatic StemStatic StringStatic StrokeStatic SymbolStatic SystemStatic TabStatic TabStatic TabStatic TabStatic TestStatic TextStatic TextStatic TextStatic TextStatic TextStatic TickStatic TimeStatic TimeStatic TremoloStatic TuningStatic TupletStatic VibratoStatic VibratoStatic VoiceStatic VoiceStatic VoltaStatic VoltaStatic NOTATION_Static RENDER_Static RESOLUTIONStatic SLASH_Static SOFTMAX_Static STAVE_Static STAVE_Static STEM_Static STEM_Static TABLATURE_Static TIME4_Static UNISONStatic unicodeStatic clefStatic durationStatic getStatic getStatic hasStatic keyStatic keyStatic loadStatic setCall this if you are using vexflow-core.js to take advantage of lazy loading for fonts.
vexflow.js and vexflow-bravura.js already call setFonts('Bravura', 'Academico'), so you only
need to call this when switching fonts.
Example:
await VexFlow.loadFonts('Bravura', 'Academico', 'Petaluma', 'Petaluma Script');
VexFlow.setFonts('Bravura', 'Academico');
... render a score in Bravura ...
VexFlow.setFonts('Petaluma', 'Petaluma Script');
... render a score in Petaluma...
See demos/fonts/ for more examples.
Rest ...fontNames: string[]
Load the fonts that are used by your app.
Call this if you are using
vexflow-core.jsto take advantage of lazy loading for fonts.If you are using
vexflow.jsorvexflow-bravura.js, this method is unnecessary, since they already call loadFonts(...) and setFonts(...) for you.If
fontNamesis undefined, all fonts in Font.FILES will be loaded. This is useful for debugging, but not recommended for production because it will load lots of fonts.For example, on the
flow.htmltest page, you could call:await VexFlow.loadFonts();Alternatively, you may load web fonts with a stylesheet link (e.g., from Google Fonts), and a @font-face { font-family: ... } rule in your CSS.
Customize
Font.HOST_URLandFont.FILESto load different fonts for your app.