Font

This directory contains the generated font used in the videojs-record plugin.

The font provides extra icons used in the plugin.

Continue reading if you want to customize or generate the font.

Setup

To modify and update the generated fonts, checkout a copy of the video.js font repository:

cd /tmp
git clone https://github.com/videojs/font.git
cd font

Install the grunt-cli tool if you don't have it already (you might need root user permissions here):

npm install -g grunt-cli

Install the dependencies:

npm install

Copy the videojs-record icons.json to the root of the font repository using a different name, e.g. videojs-record-icons.json:

cp -v /path/to/videojs-record/src/fonts/icons.json /path/to/font/videojs-record-icons.json

Build the fonts and styles:

grunt --exclude-default --custom-json=videojs-record-icons.json

Open index.html in a browser to see the font and icons in action.

Copy the generated _icons.scss and various font files back to the videojs-record repository:

cp -v scss/_icons.scss /path/to/videojs-record/src/css/
cp -v fonts/videojs-record.* /path/to/videojs-record/src/fonts/

If you also want to copy them to the dist directory (optional as it's done again during a build):

cd /path/to/videojs-record/
npm run build

Check the video.js font project documentation for more information.