Embedding font icons

Stencil
1

Hi, I’m trying to make a video player that uses videojs but I have some problems with the font icons…

For some reasons, in the network tab there’s no call to the woff font.

The path is right (I had to use a videojs scss variables and import all the styles as scss)

image
image1768×352 68.1 KB

The file exists and it’s served at http://localhost:3333/assets/fonts/videojs/VideoJS.woff

Do you guys have some idea to solve my issue?

2

here a simple example in codesandbox to show my problem
https://codesandbox.io/p/devbox/videojs-with-stenciljs-ryvq8c

3

ok, I had to disable shadow dom to make it works