Please, use SVG icons instead font icons

[toby3d]

Describe the current behavior

At least the PeerTube player uses font icons instead of SVGs, which break down into "tofu" if you completely disable font loading on the browser side:

Steps to reproduce

Disable external fonts download in your browser by setting or uBlock Origin option.

Describe the expected behavior

SVG icons for pause/play, CC buttons and round scroller in timeline slider, as in any other buttons and elements of PeerTube interface.

Additional information

• PeerTube instance:

  • URL: https://video.toby3d.me/
  • Version: 6.1.0
  • NodeJS version: v21.2.0
  • Ffmpeg version: 4.1.11-0+deb10u1

• Browser name, version and platforms on which you could reproduce the bug: Firefox Developer Edition v126.0b5

[Chocobozzz]

video.js 8.5 may allow us to use svg icons: https://github.com/videojs/video.js/blob/main/CHANGELOG.md#850-2023-06-12

But video.js upgrade to v8 is currently blocked by https://github.com/videojs/video.js/issues/8242