vexflow-core.js

This page loads the vexflow-core.js build. It does not bundle any fonts, and is minified for production use.

Click here to view the vexflow-core.js file.

Open the developer console and explore the VexFlow object. Below are some things you can try:

Get an object with the build information of the VexFlow library.

VexFlow.BUILD

Since this build does not preload any fonts, you will need to manually load fonts with your favorite method (e.g., @font-face CSS or await VexFlow.loadFonts(...)). After the fonts are loaded, you can call VexFlow.setFonts(...) to set the font family for your VexFlow score. For example, if you call VexFlow.loadFonts(fontName1, fontName2, fontName3, ...), we will load the requested fonts from our CDN:

Copy Code Run Code

Draw a stave with a treble clef, time signature, and a few notes. Note that if you have not called VexFlow.loadFonts(...) and VexFlow.setFonts(...), you will likely see empty boxes where the music symbols would normally be drawn.

Copy Code Run Code